diff --git a/404.html b/404.html
index 7c1c4babf1..1874726d6a 100644
--- a/404.html
+++ b/404.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index d489ab6746..c8fc845ab9 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,17 +9,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/changelog/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/" title="Content"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/CHANGELOG.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -716,21 +722,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/" title="Content"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -742,6 +744,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 2a2a92c80d..c1997b475e 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/configuration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/customization/" title="Customization"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/installation/" title="Installation"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -378,21 +384,17 @@ default values:</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/installation/" title="Installation"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/customization/" title="Customization"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -404,6 +406,6 @@ default values:</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 4270405376..14d7e04915 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/customization/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/configuration/" title="Configuration"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -420,21 +426,17 @@ You could use an <code>img</code> HTML tag and reference an image created under
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/configuration/" title="Configuration"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -446,6 +448,6 @@ You could use an <code>img</code> HTML tag and reference an image created under
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 5b3c441e95..8fddb6809e 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/history/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/" title="Content"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/customization/" title="Customization"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -718,21 +724,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/customization/" title="Customization"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/" title="Content"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -744,6 +746,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 6d03d9742b..8cdc7ffdcc 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/migration/" title="What&#39;s new"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/" title="Relearn Theme for Hugo"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -265,21 +271,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/" title="Relearn Theme for Hugo"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/migration/" title="What&#39;s new"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -291,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index db2847f95f..8b078752b7 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/installation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/configuration/" title="Configuration"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/requirements/" title="Requirements"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -334,21 +340,17 @@ hugo new basics/second-content/_index.md
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/requirements/" title="Requirements"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/configuration/" title="Configuration"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -360,6 +362,6 @@ hugo new basics/second-content/_index.md
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 070e01201e..37c72dbeeb 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/migration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/requirements/" title="Requirements"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/" title="Basics"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -298,8 +304,9 @@
 <p><strong>Change</strong>: Due to a bug, that we couldn&rsquo;t fix in a general manner for color variants, we decided to remove <code>--MENU-SEARCH-BOX-ICONS-color</code>.</p>
 </li>
 <li>
-<p><strong>New</strong>: With this release we have introduced a lot more color variables you can use in <a href="/hugo-theme-relearn/basics/customization/#mine-variant">your color variants</a>. Your old variants will still work and don&rsquo;t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
-<p>This feature was implemented to allow dark mode color variants.</p>
+<p><strong>New</strong>: With this release you are now capable to define your own <em>dark mode</em> variants.</p>
+<p>To make this possible, we have introduced a lot more color variables you can use in <a href="/hugo-theme-relearn/basics/customization/#mine-variant">your color variants</a>. Your old variants will still work and don&rsquo;t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
+<p>To see what&rsquo;s now possible, see the new variants <code>relearn-dark</code> and <code>neon</code> that are coming with this release.</p>
 </li>
 <li>
 <p><strong>New</strong>: You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a theme switch will be shown in the menu footer. See the <a href="/hugo-theme-relearn/basics/customization/#multiple-variants">documentation</a> for configuration.</p>
@@ -495,21 +502,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/" title="Basics"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/requirements/" title="Requirements"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -521,6 +524,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 20e60a0f55..876c67c7a9 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/requirements/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/installation/" title="Installation"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/migration/" title="What&#39;s new"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -265,21 +271,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/migration/" title="What&#39;s new"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/installation/" title="Installation"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -291,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index b7c95fb749..eac6e458f6 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/categories/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -256,20 +262,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -281,6 +284,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index e13def1c2f..ab32882f87 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/archetypes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/pages/" title="Pages organization"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -302,21 +308,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/pages/" title="Pages organization"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -328,6 +330,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 46fc7ea03d..c5c12b5012 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/i18n/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/tags/" title="Tags"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -272,7 +278,7 @@
 <p>The Relearn theme is fully compatible with Hugo multilingual mode.</p>
 <p>It provides:</p>
 <ul>
-<li>Translation strings for default values (English, Arabic, Dutch, Piratized English, German, Hindi, Indonesian, Japanese, Piratized English, Portuguese, Russian, Simplified Chinese, Spanish, Turkish). Feel free to contribute!</li>
+<li>Translation strings for default values (English, Piratized English, Arabic, Simplified Chinese, Dutch, French, German, Hindi, Indonesian, Japanese, Portuguese, Russian, Spanish, Vietnamese, Turkish). Feel free to contribute!</li>
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
@@ -338,21 +344,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/tags/" title="Tags"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -364,6 +366,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/icons/index.html b/cont/icons/index.html
index 7b7fec230a..f58e225ab0 100644
--- a/cont/icons/index.html
+++ b/cont/icons/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/icons/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/icons.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -293,21 +299,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -319,6 +321,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 06ad07be64..68d3ba7a64 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/pages/" title="Pages organization"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -265,21 +271,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/pages/" title="Pages organization"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -291,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/index.xml b/cont/index.xml
index 82a906f837..ad4dd3b91e 100644
--- a/cont/index.xml
+++ b/cont/index.xml
@@ -22,7 +22,7 @@ content ├── level-one │ ├── level-two │ │ ├── level-thre
       <guid>https://McShelby.github.io/hugo-theme-relearn/cont/i18n/</guid>
       <description>The Relearn theme is fully compatible with Hugo multilingual mode.
 It provides:
- Translation strings for default values (English, Arabic, Dutch, Piratized English, German, Hindi, Indonesian, Japanese, Piratized English, Portuguese, Russian, Simplified Chinese, Spanish, Turkish). Feel free to contribute! Automatic menu generation from multilingual content In-browser language switching  Basic configuration After learning how Hugo handle multilingual websites, define your languages in your config.toml file.
+ Translation strings for default values (English, Piratized English, Arabic, Simplified Chinese, Dutch, French, German, Hindi, Indonesian, Japanese, Portuguese, Russian, Spanish, Vietnamese, Turkish). Feel free to contribute! Automatic menu generation from multilingual content In-browser language switching  Basic configuration After learning how Hugo handle multilingual websites, define your languages in your config.toml file.
 For example with current English and Piratized English website.</description>
     </item>
     <item>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 4e8fa94a59..10a4a91802 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/markdown/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -818,21 +824,17 @@ grunt.initConfig({
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -844,6 +846,6 @@ grunt.initConfig({
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 3fbef46c65..dc462e0fb7 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -380,21 +386,17 @@ However, if you want to keep the title but change its value, it can be overriden
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -406,6 +408,6 @@ However, if you want to keep the title but change its value, it can be overriden
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 4450991293..e8663fa8bc 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/pages/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/" title="Content"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -414,21 +420,17 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/" title="Content"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -440,6 +442,6 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index 9598950549..9b134e44c2 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/syntaxhighlight.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -318,21 +324,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -344,6 +346,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index fb889f150a..bb8a935ac2 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/tags.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -294,21 +300,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -320,6 +322,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/credits/index.html b/credits/index.html
index ead1338c2c..96fba4958f 100644
--- a/credits/index.html
+++ b/credits/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" 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: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content//credits.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -279,20 +285,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -304,6 +307,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/css/print.css b/css/print.css
index fe370892c9..2af90055fd 100644
--- a/css/print.css
+++ b/css/print.css
@@ -36,6 +36,7 @@ pre {
     padding-left: 0; /* for print, we want to align with the footer to ease the layout */
     color: #777;
 }
+.navigation,
 #top-github-link {
     /* we don't need this while printing */
     display: none;
diff --git a/css/theme.css b/css/theme.css
index 0c0395d0e5..26f1fe1bfa 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -353,17 +353,22 @@ th {
 }
 
 #body .padding {
-    padding: 3rem 6rem;
+    padding: 0;
+}
+#body-inner {
+    padding: 0 3rem 4rem 3rem;
 }
 @media only all and (max-width: 59.938em) {
     #body .padding {
         position: static;
-        padding: 15px 3rem;
+    }
+    #body-inner {
+        padding: 0 2rem 15px 2rem;
     }
 }
 @media only all and (max-width: 47.938em) {
-    #body .padding {
-        padding: 5px 1rem;
+    #body-inner {
+        padding: 0 1rem 5px 1rem;
     }
 }
 
@@ -372,60 +377,6 @@ th {
     margin-top: -1rem;
 }
 
-@media only all and (max-width: 59.938em) {
-    #body #navigation {
-        display: table;
-        margin-right: 0 !important;
-        position: static;
-        width: 100%;
-    }
-}
-
-#body .nav {
-    bottom: 0;
-    cursor: pointer;
-    display: table;
-    font-size: 50px;
-    height: 100%;
-    position: fixed;
-    text-align: center;
-    top: 0;
-    width: 4rem;
-}
-#body .nav > i {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle;
-}
-@media only all and (max-width: 59.938em) {
-    #body .nav {
-        display: table-cell;
-        height: 100px;
-        line-height: 100px;
-        padding-top: 0;
-        position: static;
-        text-align: center;
-        top: auto;
-        width: 50%;
-    }
-    #body .nav > i {
-        display: inline-block;
-    }
-}
-
-#body .nav:hover {
-    background-color: rgba( 134, 134, 134, .066 );
-}
-
-#body .nav.nav-pref {
-    left: 0;
-}
-
-#body .nav.nav-next {
-    margin-right: 0px;
-    right: 0;
-}
-
 /* we limit width if we have large screens */
 @media screen and ( min-width: 1300px ){ /* #sidebar/width + ./max-width */
   #body #body-inner {
@@ -935,27 +886,40 @@ td {
 
 #top-bar > div {
     background-color: rgba( 134, 134, 134, .066 );
-    padding: 0 1rem;
     height: 100%;
 }
 
-#top-bar.is-sticky {
-    box-shadow: 1px 2px 5px 1px rgba( 134, 134, 134, .2 );
-}
-
+.navigation,
 #top-github-link {
     display: block;
     float: right;
     z-index: 1;
 }
 
-#top-github-link,
-#body #breadcrumbs {
+.nav,
+.github-link {
+    border-left: thin solid rgba( 134, 134, 134, .333 );
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+span.nav i{
+    color: rgba( 134, 134, 134, .333 );
+}
+
+.navigation,
+#top-github-link {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
 }
 
+#toc-menu,
+#sidebar-toggle-span {
+  border-right: thin solid rgba( 134, 134, 134, .333 );
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 #body #breadcrumbs {
     display: inline-block;
     float: left;
@@ -963,29 +927,33 @@ td {
     line-height: 1.4;
     margin-bottom: 0;
     overflow: hidden;
-    padding-left: 0;
+    position: relative;
     text-overflow: ellipsis;
+    top: 50%;
+    transform: translateY(-50%);
     white-space: nowrap;
-    width: 70%;
+    width: calc(100% - 4*3.25rem);
 }
 
 #sidebar-toggle-span {
     display: none;
 }
-
+.progress {
+    left: 1rem;
+    top: 1rem;
+}
 @media only all and (max-width: 47.938em) {
     #sidebar-toggle-span {
         display: inline;
     }
-}
-
-#body #breadcrumbs span {
-    padding: 0 0.1rem;
+    .progress {
+        left: 4.25rem;
+    }
 }
 
 #body #breadcrumbs .links {
     display: inline;
-    padding: 0 0.1rem;
+    padding: 0 .75rem;
 }
 
 #body #breadcrumbs .links * {
@@ -1042,7 +1010,7 @@ a[aria-disabled="true"] {
         position: absolute;
         right: 0;
         top: 0;
-        z-index: 10;
+        z-index: 1000;
     }
 }
 
@@ -1224,6 +1192,7 @@ option {
     width: 100%;
 }
 
+#body .navigation a.highlight:after,
 #body #sidebar-toggle-span a.highlight:after,
 #body #top-github-link a.highlight:after {
     background-color: transparent;
@@ -1262,18 +1231,6 @@ option {
     font-weight: 500;
 }
 
-#toc-menu {
-  border-right: thin solid rgba( 134, 134, 134, .333 );
-  margin-right: 0.5rem !important;
-  padding-right: 1rem !important;
-}
-
-#sidebar-toggle-span {
-  border-right: thin solid rgba( 134, 134, 134, .333 );
-  margin-right: 1rem !important;
-  padding-right: 0.5rem !important;
-}
-
 .btn {
   background-image: none !important;
   border: 1px solid transparent !important;
diff --git a/index.html b/index.html
index 115e628d11..4c0be28001 100644
--- a/index.html
+++ b/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,14 +232,47 @@
     <div id="body" class="default-animation">
       <div id="overlay"></div>
       <div class="padding highlightable">
+        <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/" title="Basics"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <span class="nav nav-prev"><i class="fa fa-chevron-left fa-fw"></i></span>
+          </div>
+          <div id="top-github-link">
+            <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content//_index.en.md" target="blank">
+              <i class="fas fa-pencil fa-fw"></i>
+            </a>
+          </div>
+          <div id="breadcrumbs">
+            <span id="sidebar-toggle-span">
+              <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
+                <i class="fas fa-bars fa-fw"></i>
+              </a>
+            </span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
+            <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <meta itemprop="itemListOrder" content="Descending" />
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/" aria-disabled="true"><span itemprop="name">Relearn Theme for Hugo</span></a></li>
+            </ol>
+          </div>
+            <div class="progress">
+              <div class="wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#main-features">Main features</a></li>
+    <li><a href="#getting-support">Getting support</a></li>
+    <li><a href="#become-a-contributor">Become a contributor</a></li>
+    <li><a href="#license">License</a></li>
+    <li><a href="#credits">Credits</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+        </div></div>
         <div id="head-tags">
         </div>
         <main id="body-inner">
-<span id="sidebar-toggle-span">
-    <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-        <i class="fas fa-bars"></i>
-    </a>
-</span>
 
 
 <h1 id="hugo-relearn-theme">Hugo Relearn Theme</h1>
@@ -290,20 +323,17 @@
 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/basics/" title="Basics"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -315,6 +345,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/index.json b/index.json
index 926771c566..de1293c0b8 100644
--- a/index.json
+++ b/index.json
@@ -21,7 +21,7 @@
     "uri": "/hugo-theme-relearn/cont/"
   },
   {
-    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking: A change that requires action by you after upgrading to assure the site is still functional.\nChange: A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew: Marks new behavior you might find interesting or comes configurable.\n 3.0.0   Breaking: We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to provide additional styling in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\n  Breaking: We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light greem menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 and can not be reconfigured as it does not support CSS variables.\n  Change: Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color.\n  New: With this release we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nThis feature was implemented to allow dark mode color variants.\n  New: You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a theme switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new theme switch will not work with Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Breaking: This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard complient and exchanging this theme in your project to some other theme will be effortless.\nIn a standard complient form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configuration   Leaf bundle basics/configuration/index.md basics/configuration   Page basics/configuration.md basics/configuration    If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard complient and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\n  Copy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n  Start up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Page (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for czech.\n  New: The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\n  New: You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n   2.7.0  New: Optional second parameter for notice shortcode to set title in box header.   2.6.0  New: Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlightning in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style.   2.4.0   Change: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included. The documentation was adjusted accordingly.\n  New: Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\n  New: You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\n  New: New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\n  New: Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n   2.2.0  New: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml.   2.1.0   Change: In case the site’s structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\n  New: Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\n  New: If a search term is found in an expand shortcode, the expand will be opened.\n  New: The menu will scroll the active item into view on load.\n   2.0.0   Change: Syntaxhighlightning was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\n  Change: In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets.\n  Change: Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\n  Change: If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\n  Change: A page without a title will be treated as hidden=true.\n  New: You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\n  New: New partials for defining pre/post content for menu items and the content. See documentation for further reading.\n  New: Shortcode children with new parameter containerstyle.\n  New: New shortcode include to include arbitrary file content into a page.\n   1.2.0  New: Shortcode expand with new parameter to open on page load.   1.1.0  New: Mermaid config options can be set in config.toml.  ",
+    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking: A change that requires action by you after upgrading to assure the site is still functional.\nChange: A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew: Marks new behavior you might find interesting or comes configurable.\n 3.0.0   Breaking: We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to provide additional styling in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\n  Breaking: We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light greem menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 and can not be reconfigured as it does not support CSS variables.\n  Change: Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color.\n  New: With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\n  New: You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a theme switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new theme switch will not work with Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Breaking: This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard complient and exchanging this theme in your project to some other theme will be effortless.\nIn a standard complient form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configuration   Leaf bundle basics/configuration/index.md basics/configuration   Page basics/configuration.md basics/configuration    If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard complient and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\n  Copy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n  Start up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Page (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for czech.\n  New: The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\n  New: You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n   2.7.0  New: Optional second parameter for notice shortcode to set title in box header.   2.6.0  New: Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlightning in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style.   2.4.0   Change: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included. The documentation was adjusted accordingly.\n  New: Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\n  New: You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\n  New: New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\n  New: Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n   2.2.0  New: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml.   2.1.0   Change: In case the site’s structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\n  New: Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\n  New: If a search term is found in an expand shortcode, the expand will be opened.\n  New: The menu will scroll the active item into view on load.\n   2.0.0   Change: Syntaxhighlightning was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\n  Change: In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets.\n  Change: Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\n  Change: If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\n  Change: A page without a title will be treated as hidden=true.\n  New: You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\n  New: New partials for defining pre/post content for menu items and the content. See documentation for further reading.\n  New: Shortcode children with new parameter containerstyle.\n  New: New shortcode include to include arbitrary file content into a page.\n   1.2.0  New: Shortcode expand with new parameter to open on page load.   1.1.0  New: Mermaid config options can be set in config.toml.  ",
     "description": "",
     "tags": null,
     "title": "What's new",
@@ -146,7 +146,7 @@
     "uri": "/hugo-theme-relearn/basics/history/"
   },
   {
-    "content": "The Relearn theme is fully compatible with Hugo multilingual mode.\nIt provides:\n Translation strings for default values (English, Arabic, Dutch, Piratized English, German, Hindi, Indonesian, Japanese, Piratized English, Portuguese, Russian, Simplified Chinese, Spanish, Turkish). Feel free to contribute! Automatic menu generation from multilingual content In-browser language switching  Basic configuration After learning how Hugo handle multilingual websites, define your languages in your config.toml file.\nFor example with current English and Piratized English website.\n# English is the default language defaultContentLanguage = \"en\" [Languages] [Languages.en] title = \"Documentation for Hugo Relearn Theme\" weight = 1 languageName = \"English\" [Languages.pir] title = \"Documentat'n fer Cap'n Hugo Relearrrn Theme\" weight = 2 languageName = \"Arrr! Pirrrates\" Then, for each new page, append the id of the language to the file.\n Single file my-page.md is split in two files:  in English: my-page.md in Piratized English: my-page.pir.md   Single file _index.md is split in two files:  in English: _index.md in Piratized English: _index.pir.md    Info Be aware that only translated pages are displayed in menu. It’s not replaced with default language content.\n  Tip Use slug Front Matter parameter to translate urls too.\n  Overwrite translation strings Translations strings are used for common default values used in the theme (Edit button, Search placeholder and so on). Translations are available in English and Piratized English but you may use another language or want to override default values.\nTo override these values, create a new file in your local i18n folder i18n/\u003cidlanguage\u003e.toml and inspire yourself from the theme themes/hugo-theme-relearn/i18n/en.toml\nDisable language switching Switching the language in the browser is a great feature, but for some reasons you may want to disable it.\nJust set disableLanguageSwitchingButton=true in your config.toml\n[params] # When using mulitlingual website, disable the switch language button. disableLanguageSwitchingButton = true ",
+    "content": "The Relearn theme is fully compatible with Hugo multilingual mode.\nIt provides:\n Translation strings for default values (English, Piratized English, Arabic, Simplified Chinese, Dutch, French, German, Hindi, Indonesian, Japanese, Portuguese, Russian, Spanish, Vietnamese, Turkish). Feel free to contribute! Automatic menu generation from multilingual content In-browser language switching  Basic configuration After learning how Hugo handle multilingual websites, define your languages in your config.toml file.\nFor example with current English and Piratized English website.\n# English is the default language defaultContentLanguage = \"en\" [Languages] [Languages.en] title = \"Documentation for Hugo Relearn Theme\" weight = 1 languageName = \"English\" [Languages.pir] title = \"Documentat'n fer Cap'n Hugo Relearrrn Theme\" weight = 2 languageName = \"Arrr! Pirrrates\" Then, for each new page, append the id of the language to the file.\n Single file my-page.md is split in two files:  in English: my-page.md in Piratized English: my-page.pir.md   Single file _index.md is split in two files:  in English: _index.md in Piratized English: _index.pir.md    Info Be aware that only translated pages are displayed in menu. It’s not replaced with default language content.\n  Tip Use slug Front Matter parameter to translate urls too.\n  Overwrite translation strings Translations strings are used for common default values used in the theme (Edit button, Search placeholder and so on). Translations are available in English and Piratized English but you may use another language or want to override default values.\nTo override these values, create a new file in your local i18n folder i18n/\u003cidlanguage\u003e.toml and inspire yourself from the theme themes/hugo-theme-relearn/i18n/en.toml\nDisable language switching Switching the language in the browser is a great feature, but for some reasons you may want to disable it.\nJust set disableLanguageSwitchingButton=true in your config.toml\n[params] # When using mulitlingual website, disable the switch language button. disableLanguageSwitchingButton = true ",
     "description": "",
     "tags": null,
     "title": "Multilingual and i18n",
diff --git a/js/relearn.js b/js/relearn.js
index 8fd0f2903d..92f7b2c266 100644
--- a/js/relearn.js
+++ b/js/relearn.js
@@ -375,10 +375,10 @@ jQuery(function() {
 
     // allow keyboard control for prev/next links
     jQuery(function() {
-        jQuery('.nav-prev').click(function(){
+        jQuery('a.nav-prev').click(function(){
             location.href = jQuery(this).attr('href');
         });
-        jQuery('.nav-next').click(function() {
+        jQuery('a.nav-next').click(function() {
             location.href = jQuery(this).attr('href');
         });
     });
@@ -393,12 +393,12 @@ jQuery(function() {
     jQuery(document).keydown(function(e) {
       // prev links - left arrow key
       if(e.which == '37') {
-        jQuery('.nav.nav-prev').click();
+        jQuery('a.nav-prev').click();
       }
 
       // next links - right arrow key
       if(e.which == '39') {
-        jQuery('.nav.nav-next').click();
+        jQuery('a.nav-next').click();
       }
     });
 
diff --git a/more/showcase/index.html b/more/showcase/index.html
index 0f30e59f3a..4d15baf2e9 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -9,17 +9,17 @@
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/showcase/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/more/showcase/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/showcase/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -265,20 +271,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -290,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 0789cb2f87..acbdb46939 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 775e5256d3..1a79b213f8 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -373,21 +379,17 @@ default values:</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -399,6 +401,6 @@ default values:</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 2c58b2762d..f9604a2da8 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/history/" title="Historrry"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -406,21 +412,17 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/history/" title="Historrry"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -432,6 +434,6 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 1becfcdba2..57731a0c84 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/history/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -563,21 +569,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -589,6 +591,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 1b2de16c99..96eda812e7 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/requirements/" title="Requirrrements"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/" title="Relearrrn Theme fer Cap&#39;n Hugo"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -274,21 +280,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/" title="Relearrrn Theme fer Cap&#39;n Hugo"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/requirements/" title="Requirrrements"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -300,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 5af593f8ab..0a4375431a 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/requirements/" title="Requirrrements"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -327,21 +333,17 @@ hugo new basics/second-content/_index.md
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/requirements/" title="Requirrrements"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -353,6 +355,6 @@ hugo new basics/second-content/_index.md
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 6aeb54e357..707eab05f3 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/installation/" title="Installat&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -285,8 +291,9 @@
 <p><strong>Change</strong>: Due t' a bug, that we couldn&rsquo;t fix 'n a general manner fer color variants, we decided t' remove <code>--MENU-SEARCH-BOX-ICONS-color</code>.</p>
 </li>
 <li>
-<p><strong>New</strong>: Wit' this release we have introduced a lot more color variables ye can use 'n <a href="/hugo-theme-relearn/pir/basics/customization/#mine-variant">yer color variants</a>. Yer old variants will still work an' don&rsquo;t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
-<p>This feature was implemented t' allow dark mode color variants.</p>
+<p><strong>New</strong>: Wit' this release ye be now cap'ble t' define yer own <em>dark mode</em> variants.</p>
+<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="/hugo-theme-relearn/pir/basics/customization/#mine-variant">yer color variants</a>. Yer old variants will still work an' don&rsquo;t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
+<p>T' see what&rsquo;s now poss'ble, see th' new variants <code>relearn-dark</code> an' <code>neon</code> that be com'n wit' this release.</p>
 </li>
 <li>
 <p><strong>New</strong>: Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a theme switch will be shown 'n th' menu footer. See th' <a href="/hugo-theme-relearn/pir/basics/customization/#multiple-variants">documentat'n</a> fer configurat'n.</p>
@@ -483,21 +490,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/installation/" title="Installat&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -509,6 +512,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index fdc0cad41d..3d3ff6cb3e 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/installation/" title="Installat&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/" title="Basics"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -274,21 +280,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/" title="Basics"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/installation/" title="Installat&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -300,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 81acb0053a..e09184a863 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/categories/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -256,20 +262,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -281,6 +284,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index bf09e49814..fbc7b354f4 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -300,21 +306,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -326,6 +328,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 8e03f609a1..dfaf2e0b40 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -268,7 +274,7 @@
 <p>Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.</p>
 <p>It provides:</p>
 <ul>
-<li>Translat'n str'ns fer default values (English, Arabic, Dutch, Piratized English, German, Hindi, Indonesian, Japanese, Piratized English, Portuguese, Russian, Simplified Chinese, Spanish, Turkish). Feel free t' contribute!</li>
+<li>Translat'n str'ns fer default values (English, Piratized English, Arabic, Simplified Chinese, Dutch, French, German, Hindi, Indonesian, Japanese, Portuguese, Russian, Spanish, Vietnamese, Turkish). Feel free t' contribute!</li>
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
@@ -335,21 +341,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -361,6 +363,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/icons/index.html b/pir/cont/icons/index.html
index 07b8055908..ffea0f08b0 100644
--- a/pir/cont/icons/index.html
+++ b/pir/cont/icons/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/icons.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -290,21 +296,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -316,6 +318,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index b0872ef653..3078a9549e 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/history/" title="Historrry"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -274,21 +280,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/basics/history/" title="Historrry"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -300,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/index.xml b/pir/cont/index.xml
index 81766c9177..65b358f04a 100644
--- a/pir/cont/index.xml
+++ b/pir/cont/index.xml
@@ -24,7 +24,7 @@ rrrambl&#39;n ├── level-one │ ├── level-two │ │ ├── leve
       <description>Arrr Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings and stuff.
   Th&#39; Relearrrn theme be fully compat&#39;ble wit&#39; Cap&#39;n Hugo multilingual mode.
 It provides:
- Translat&#39;n str&#39;ns fer default values (English, Arabic, Dutch, Piratized English, German, Hindi, Indonesian, Japanese, Piratized English, Portuguese, Russian, Simplified Chinese, Spanish, Turkish). Feel free t&#39; contribute! Automatic menu generat&#39;n from multilingual rrrambl&#39;n In-browser language switch&#39;n  Basic configurat&#39;n Aft learn&#39;n how Cap&#39;n Hugo handle multilingual websites, define yer languages &#39;n yer config.</description>
+ Translat&#39;n str&#39;ns fer default values (English, Piratized English, Arabic, Simplified Chinese, Dutch, French, German, Hindi, Indonesian, Japanese, Portuguese, Russian, Spanish, Vietnamese, Turkish). Feel free t&#39; contribute! Automatic menu generat&#39;n from multilingual rrrambl&#39;n In-browser language switch&#39;n  Basic configurat&#39;n Aft learn&#39;n how Cap&#39;n Hugo handle multilingual websites, define yer languages &#39;n yer config.</description>
     </item>
     <item>
       <title>Arrrchetypes</title>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 5869907597..9a21aac441 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -765,21 +771,17 @@ grunt.initConfig({
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -791,6 +793,6 @@ grunt.initConfig({
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index a104f4f871..8183a98e7f 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -378,21 +384,17 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -404,6 +406,6 @@ However, if ye want t' keep th' title but change its value, it can be overriden
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 24434fb0c0..f7fc66cbf0 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -402,21 +408,17 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -428,6 +430,6 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 7616296206..65eee2bf31 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/syntaxhighlight.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -315,21 +321,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -341,6 +343,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index ecadc57d2d..8947bb0938 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/tags.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/credits/index.html b/pir/credits/index.html
index a624ee5dad..e4cec4ce5e 100644
--- a/pir/credits/index.html
+++ b/pir/credits/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" 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: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content//credits.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -288,20 +294,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -313,6 +316,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index dfcab22d49..6dbb25b507 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,14 +232,33 @@
     <div id="body" class="default-animation">
       <div id="overlay"></div>
       <div class="padding highlightable">
+        <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/" title="Basics"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <span class="nav nav-prev"><i class="fa fa-chevron-left fa-fw"></i></span>
+          </div>
+          <div id="top-github-link">
+            <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content//_index.pir.md" target="blank">
+              <i class="fas fa-pencil fa-fw"></i>
+            </a>
+          </div>
+          <div id="breadcrumbs">
+            <span id="sidebar-toggle-span">
+              <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
+                <i class="fas fa-bars fa-fw"></i>
+              </a>
+            </span>
+            <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <meta itemprop="itemListOrder" content="Descending" />
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/pir/" aria-disabled="true"><span itemprop="name">Relearrrn Theme fer Cap&#39;n Hugo</span></a></li>
+            </ol>
+          </div>
+        </div></div>
         <div id="head-tags">
         </div>
         <main id="body-inner">
-<span id="sidebar-toggle-span">
-    <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-        <i class="fas fa-bars"></i>
-    </a>
-</span>
 
 
 
@@ -299,20 +318,17 @@
 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/basics/" title="Basics"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -324,6 +340,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/index.json b/pir/index.json
index 417d1cc814..9b7e5e0696 100644
--- a/pir/index.json
+++ b/pir/index.json
@@ -94,7 +94,7 @@
     "uri": "/hugo-theme-relearn/pir/cont/syntaxhighlight/"
   },
   {
-    "content": " Arrr Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings and stuff.\n  This document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew: Marks new behavior ye might find interest'n or comes configur'ble.\n 3.0.0   Break'n: We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' provide additional styl'n 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\n  Break'n: We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light greem menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 an' can not be reconfigured as it does not support CSS variables.\n  Change: Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color.\n  New: Wit' this release we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nThis feature was implemented t' allow dark mode color variants.\n  New: Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a theme switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new theme switch will not work wit' Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Break'n: This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard complient an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard complient form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configurat'n   Leaf bundle basics/configuration/index.md basics/configurat'n   Plank basics/configurat'n.md basics/configurat'n    If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard complient an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\n  Copy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n  Start up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Plank (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer czech.\n  New: Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\n  New: Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n   2.7.0  New: Optional second parameter fer notice shorrrtcode t' set title 'n box header.   2.6.0  New: Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlightn'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style.   2.4.0   Change: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included. Th' documentat'n was adjusted accordingly.\n  New: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\n  New: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\n  New: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n   2.2.0  New: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml.   2.1.0   Change: In case th' site’s structure contains addional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\n  New: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\n  New: If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\n  New: Th' menu will scroll th' active item into view on board.\n   2.0.0   Change: Syntaxhighlightn'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\n  Change: In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets.\n  Change: Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\n  Change: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\n  Change: A plank without a title will be treated as hidden=true.\n  New: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\n  New: Shorrrtcode children wit' new parameter containerstyle.\n  New: New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n   1.2.0  New: Shorrrtcode expand wit' new parameter t' open on plank board.   1.1.0  New: Merrrmaid config opt'ns can be set 'n config.toml.  ",
+    "content": " Arrr Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings and stuff.\n  This document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew: Marks new behavior ye might find interest'n or comes configur'ble.\n 3.0.0   Break'n: We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' provide additional styl'n 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\n  Break'n: We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light greem menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 an' can not be reconfigured as it does not support CSS variables.\n  Change: Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color.\n  New: Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\n  New: Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a theme switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new theme switch will not work wit' Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Break'n: This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard complient an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard complient form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configurat'n   Leaf bundle basics/configuration/index.md basics/configurat'n   Plank basics/configurat'n.md basics/configurat'n    If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard complient an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\n  Copy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n  Start up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Plank (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer czech.\n  New: Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\n  New: Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n   2.7.0  New: Optional second parameter fer notice shorrrtcode t' set title 'n box header.   2.6.0  New: Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlightn'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style.   2.4.0   Change: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included. Th' documentat'n was adjusted accordingly.\n  New: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\n  New: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\n  New: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n   2.2.0  New: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml.   2.1.0   Change: In case th' site’s structure contains addional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\n  New: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\n  New: If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\n  New: Th' menu will scroll th' active item into view on board.\n   2.0.0   Change: Syntaxhighlightn'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\n  Change: In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets.\n  Change: Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\n  Change: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\n  Change: A plank without a title will be treated as hidden=true.\n  New: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\n  New: Shorrrtcode children wit' new parameter containerstyle.\n  New: New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n   1.2.0  New: Shorrrtcode expand wit' new parameter t' open on plank board.   1.1.0  New: Merrrmaid config opt'ns can be set 'n config.toml.  ",
     "description": "",
     "tags": null,
     "title": "Migrrrat'n",
@@ -146,7 +146,7 @@
     "uri": "/hugo-theme-relearn/pir/basics/history/"
   },
   {
-    "content": " Arrr Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings and stuff.\n  Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.\nIt provides:\n Translat'n str'ns fer default values (English, Arabic, Dutch, Piratized English, German, Hindi, Indonesian, Japanese, Piratized English, Portuguese, Russian, Simplified Chinese, Spanish, Turkish). Feel free t' contribute! Automatic menu generat'n from multilingual rrrambl'n In-browser language switch'n  Basic configurat'n Aft learn'n how Cap'n Hugo handle multilingual websites, define yer languages 'n yer config.toml file.\nFor example wit' current English an' Piratized English website.\n# English be th' default language defaultContentLanguage = \"en\" [Languages] [Languages.en] title = \"Documentation for Hugo Relearn Theme\" weight = 1 languageName = \"English\" [Languages.pir] title = \"Documentat'n fer Cap'n Hugo Relearrrn Theme\" weight = 2 languageName = \"Arrr! Pirrrates\" Then, fer each new plank, append th' id o' th' language t' th' file.\n Single file my-page.md be split 'n two files:  'n English: my-page.md 'n Piratized English: my-page.pir.md   Single file _index.md be split 'n two files:  'n English: _index.md 'n Piratized English: _index.pir.md    Ahoi Be aware that only translated planks be displayed 'n menu. It’s not replaced wit' default language rrrambl'n.\n  Smarrrt Arrrse Use slug Front Matter parameter t' translate urls too.\n  Overwrite translat'n str'ns Translat'ns str'ns be used fer common default values used 'n th' theme (Edit button, Search placeholder an' so on). Translat'ns be avail'ble 'n English an' Piratized English but ye may use another language or want t' override default values.\nT' override these values, create a new file 'n yer local i18n folder i18n/\u003cidlanguage\u003e.toml an' inspire yourself from th' theme themes/hugo-theme-relearn/i18n/en.toml\nDis'ble language switch'n Switch'n th' language 'n th' browser be a great feature, but fer some reasons ye may want t' dis'ble it.\nJust set disableLanguageSwitchingButton=true 'n yer config.toml\n[params] # When us'n mulitlingual website, dis'ble th' switch language button. disableLanguageSwitchingButton = true  ",
+    "content": " Arrr Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings and stuff.\n  Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.\nIt provides:\n Translat'n str'ns fer default values (English, Piratized English, Arabic, Simplified Chinese, Dutch, French, German, Hindi, Indonesian, Japanese, Portuguese, Russian, Spanish, Vietnamese, Turkish). Feel free t' contribute! Automatic menu generat'n from multilingual rrrambl'n In-browser language switch'n  Basic configurat'n Aft learn'n how Cap'n Hugo handle multilingual websites, define yer languages 'n yer config.toml file.\nFor example wit' current English an' Piratized English website.\n# English be th' default language defaultContentLanguage = \"en\" [Languages] [Languages.en] title = \"Documentation for Hugo Relearn Theme\" weight = 1 languageName = \"English\" [Languages.pir] title = \"Documentat'n fer Cap'n Hugo Relearrrn Theme\" weight = 2 languageName = \"Arrr! Pirrrates\" Then, fer each new plank, append th' id o' th' language t' th' file.\n Single file my-page.md be split 'n two files:  'n English: my-page.md 'n Piratized English: my-page.pir.md   Single file _index.md be split 'n two files:  'n English: _index.md 'n Piratized English: _index.pir.md    Ahoi Be aware that only translated planks be displayed 'n menu. It’s not replaced wit' default language rrrambl'n.\n  Smarrrt Arrrse Use slug Front Matter parameter t' translate urls too.\n  Overwrite translat'n str'ns Translat'ns str'ns be used fer common default values used 'n th' theme (Edit button, Search placeholder an' so on). Translat'ns be avail'ble 'n English an' Piratized English but ye may use another language or want t' override default values.\nT' override these values, create a new file 'n yer local i18n folder i18n/\u003cidlanguage\u003e.toml an' inspire yourself from th' theme themes/hugo-theme-relearn/i18n/en.toml\nDis'ble language switch'n Switch'n th' language 'n th' browser be a great feature, but fer some reasons ye may want t' dis'ble it.\nJust set disableLanguageSwitchingButton=true 'n yer config.toml\n[params] # When us'n mulitlingual website, dis'ble th' switch language button. disableLanguageSwitchingButton = true  ",
     "description": "",
     "tags": null,
     "title": "Multilingual an' i18n",
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 5ff12d99a3..f6c43f42d7 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -9,17 +9,17 @@
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/showcase/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/showcase/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -274,20 +280,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -299,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 7561019e04..6087182e35 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -451,21 +457,17 @@ Currently, it support two implementat'ns fer planks</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -477,6 +479,6 @@ Currently, it support two implementat'ns fer planks</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index a8d1e0452f..b0eee5fbb6 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 97af2eaac9..9b5829ac74 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -237,15 +237,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" 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/" title="Plank 1-1-1-1-1 (hidden)"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/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.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -286,21 +292,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" 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/" title="Plank 1-1-1-1-1 (hidden)"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -312,6 +314,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 1e81de877c..4f13fc2a53 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -237,15 +237,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" 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/" title="Plank 1-1-1-1-1-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="Plank 1-1-1-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="Plank 1-1-1-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" 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/" title="Plank 1-1-1-1-1-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 f6473996dc..e68b1ba0f0 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,15 +235,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/" title="Plank 1-1-1 (hidden)"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -288,21 +294,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/" title="Plank 1-1-1 (hidden)"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -314,6 +316,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 0126e213aa..f5cd75c77b 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,15 +235,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="Plank 1-1-1-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -287,21 +293,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="Plank 1-1-1-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -313,6 +315,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 87881e148a..2de01377f4 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Plank 1-1-2-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -280,21 +286,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Plank 1-1-2-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -306,6 +308,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 0c6870cc0d..b1545b870f 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Plank 1-1-3"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Plank 1-1-2-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -280,21 +286,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Plank 1-1-2-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Plank 1-1-3"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -306,6 +308,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 d71fb149d5..943ef3d709 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Plank 1-1-2-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -286,21 +292,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Plank 1-1-2-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -312,6 +314,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 cd24f412ea..5be41a17bf 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,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Plank 2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Plank 1-1-2-2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -279,21 +285,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Plank 1-1-2-2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Plank 2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -305,6 +307,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></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 376f773f60..ca09ccd672 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -286,21 +292,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -312,6 +314,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index c94ac493be..0aea275906 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -283,21 +289,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -309,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 35fd6845ac..4e638218dd 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Plank 1-1-3"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -278,21 +284,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Plank 1-1-3"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -304,6 +306,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index b4beb05b59..a8e8fce6f6 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Plank 2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -283,21 +289,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Plank 2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -309,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index f9fbc2b9d8..efaacf3f88 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -277,21 +283,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -303,6 +305,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index e5bd9b8d78..f335a8d6ca 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -234,15 +234,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -278,21 +284,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -304,6 +306,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 2aaadeb6dd..4fe6dc536c 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -420,21 +426,17 @@ So its rrrambl'n be used as descript'n.</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -446,6 +448,6 @@ So its rrrambl'n be used as descript'n.</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index c307a21095..c40cd9fd6b 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 5f7e3a636b..0afb029ed8 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Include"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -399,21 +405,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Include"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -425,6 +427,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 51162a35e2..921793c07c 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Merrrmaid"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -302,21 +308,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Merrrmaid"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -328,6 +330,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index c375c120c3..99d0a63b77 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -317,21 +323,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -343,6 +345,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 3ac6793a2f..e5f32e28fd 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Include"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -496,21 +502,17 @@ classDiagram
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Include"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -522,6 +524,6 @@ classDiagram
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 86a1cd5064..ad642a5a64 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Merrrmaid"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -506,21 +512,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Merrrmaid"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -532,6 +534,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 921eafd723..f63477772a 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -282,21 +288,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -308,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 5040308d0d..6917d70038 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -441,20 +447,17 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -466,6 +469,6 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 5002b31e0a..d0b0bc4251 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -271,20 +277,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -296,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 200e6f9392..004017d19d 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/documentatn/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,10 +232,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -257,20 +263,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -282,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index c01ffb7c10..0b64fbf495 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -262,20 +268,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -287,6 +290,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index fcfd30b38b..2f86aaef92 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -261,20 +267,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -286,6 +289,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 9bd5dcbb28..604e1b89e3 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/non-hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -266,20 +272,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -291,6 +294,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 2fda3cf834..bb98db2917 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/tutorrrial/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,10 +232,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -257,20 +263,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -282,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 82fcf2c1da..c48accb78f 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -9,17 +9,17 @@
     <meta name="author" content="Sören Weber">
     <title>Code :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/code/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tests/code/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,15 +235,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/" title="Tests"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/code/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -296,20 +302,17 @@ Some preformatted stuff 'n HTML elements
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/tests/" title="Tests"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -321,6 +324,6 @@ Some preformatted stuff 'n HTML elements
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 4f86a2fa9b..2a4a727e45 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -9,17 +9,17 @@
     <meta name="author" content="Sören Weber">
     <title>Tests :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tests/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,15 +235,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/code/" title="Code"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -288,21 +294,17 @@ What about wrapp'n long inline code if multiple sections be written side567/by34
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/tests/code/" title="Code"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -314,6 +316,6 @@ What about wrapp'n long inline code if multiple sections be written side567/by34
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/1/index.html b/pir/yours/1/index.html
index c77c4afc44..8ae094928e 100644
--- a/pir/yours/1/index.html
+++ b/pir/yours/1/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/10/" title="11"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/" title="This could be yers"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/1.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/" title="This could be yers"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/10/" title="11"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/10/index.html b/pir/yours/10/index.html
index 9a97973d85..28dda74296 100644
--- a/pir/yours/10/index.html
+++ b/pir/yours/10/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/10/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/2/" title="2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/1/" title="1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/10.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/1/" title="1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/2/" title="2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/2/index.html b/pir/yours/2/index.html
index 6c742bd388..fa7d5d7af2 100644
--- a/pir/yours/2/index.html
+++ b/pir/yours/2/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/3/" title="3"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/10/" title="11"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/2.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/10/" title="11"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/3/" title="3"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/3/index.html b/pir/yours/3/index.html
index c33826e11a..63780a5038 100644
--- a/pir/yours/3/index.html
+++ b/pir/yours/3/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/4/" title="4"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/2/" title="2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/3.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/2/" title="2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/4/" title="4"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/4/index.html b/pir/yours/4/index.html
index 281d343687..01553c425f 100644
--- a/pir/yours/4/index.html
+++ b/pir/yours/4/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/5/" title="5"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/3/" title="3"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/4.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/3/" title="3"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/5/" title="5"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/5/index.html b/pir/yours/5/index.html
index 0378c29632..8f2ff93300 100644
--- a/pir/yours/5/index.html
+++ b/pir/yours/5/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/5/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/6/" title="6"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/4/" title="4"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/5.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/4/" title="4"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/6/" title="6"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/6/index.html b/pir/yours/6/index.html
index 434905fdfd..9e05aea2bf 100644
--- a/pir/yours/6/index.html
+++ b/pir/yours/6/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/6/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/7/" title="7"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/5/" title="5"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/6.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/5/" title="5"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/7/" title="7"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/7/index.html b/pir/yours/7/index.html
index e0942b4246..aa0c7d2427 100644
--- a/pir/yours/7/index.html
+++ b/pir/yours/7/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/7/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/8/" title="8"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/6/" title="6"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/7.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/6/" title="6"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/8/" title="8"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/8/index.html b/pir/yours/8/index.html
index 1fb3fcf20f..9d750eb197 100644
--- a/pir/yours/8/index.html
+++ b/pir/yours/8/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/8/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/9/" title="9"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/7/" title="7"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/8.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,21 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/7/" title="7"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/9/" title="9"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -298,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/9/index.html b/pir/yours/9/index.html
index 8ae568a995..fcb6c802ef 100644
--- a/pir/yours/9/index.html
+++ b/pir/yours/9/index.html
@@ -8,17 +8,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/9/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -243,15 +243,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/8/" title="8"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/9.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -272,20 +278,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/8/" title="8"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -297,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/children-1/index.html b/pir/yours/children-1/index.html
index 82ca21af87..b16ab69198 100644
--- a/pir/yours/children-1/index.html
+++ b/pir/yours/children-1/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -245,15 +245,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/yours/9/" title="9"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/children-1/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -284,20 +290,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/yours/9/" title="9"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -309,6 +312,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/pir/yours/index.html b/pir/yours/index.html
index 837201e538..9287eb7f23 100644
--- a/pir/yours/index.html
+++ b/pir/yours/index.html
@@ -9,17 +9,17 @@
     <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?1645125022" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125022" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125022" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125022" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125022" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139489" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139489" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139489" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139489" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139489" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139489"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125022"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125022"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139489"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139489"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -244,15 +244,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/yours/1/" title="1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/_index.pir.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -285,21 +291,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/pir/yours/1/" title="1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125022"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139489"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139489"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -311,6 +313,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125022"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139489"></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index ae4bce4045..d4a74fbc20 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/button/" title="Button"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -449,21 +455,17 @@ Currently, it support two implementations for pages</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/button/" title="Button"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -475,6 +477,6 @@ Currently, it support two implementations for pages</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index d0383ce1a1..544a938f27 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/button/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/" title="Children"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -282,21 +288,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/" title="Children"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -308,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 3abd8e22c6..31295b5262 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -237,15 +237,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" 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/" title="page 1-1-1-1-1 (hidden)"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/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.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -277,21 +283,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" 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/" title="page 1-1-1-1-1 (hidden)"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -303,6 +305,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 b85cf7ceff..ea801f04df 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -237,18 +237,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" 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/" title="page 1-1-1-1-1-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="page 1-1-1-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="8" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="page 1-1-1-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" 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/" title="page 1-1-1-1-1-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 ba07b759b3..04ffe3f544 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,18 +235,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/" title="page 1-1-1 (hidden)"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="7" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -289,21 +295,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/" title="page 1-1-1 (hidden)"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -315,6 +317,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 911287720f..692ae4879c 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,18 +235,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="page 1-1-1-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="6" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -288,21 +294,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="page 1-1-1-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -314,6 +316,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 a71ade1f23..2b1e38a02f 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -271,21 +277,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -297,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 99245fc0a7..37c730adc2 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -271,21 +277,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -297,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 330e58d680..36e0789496 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="6" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -287,21 +293,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -313,6 +315,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 5cb520c606..8760c5cfb7 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,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -270,21 +276,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -296,6 +298,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></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 b3075cc96f..87ba716948 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="5" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -287,21 +293,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -313,6 +315,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index c90f337097..ce1935654f 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="4" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -284,21 +290,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -310,6 +312,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 2fff77d61c..092c7c37de 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -269,21 +275,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -295,6 +297,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 3be6709ce1..b046b18d0c 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="4" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -284,21 +290,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -310,6 +312,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 403cdb408d..77d5b641ca 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,15 +232,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -268,21 +274,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -294,6 +296,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 97ef0a81f4..f0c6e9d190 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -234,15 +234,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -269,21 +275,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -295,6 +297,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 2f5adc163a..6098d6bc76 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,18 +233,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/button/" title="Button"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -422,21 +428,17 @@ So its content is used as description.</p>
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/button/" title="Button"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -448,6 +450,6 @@ So its content is used as description.</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 08ac1df634..28108a635d 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -9,17 +9,17 @@
 ">
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/" title="Children"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -264,21 +270,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/" title="Children"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -290,6 +292,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index b5a1cb39ef..7903ac1622 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/include/" title="Include"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -407,21 +413,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/include/" title="Include"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -433,6 +435,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 866049bbb8..5d3c76e1d1 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/include/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -308,21 +314,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -334,6 +336,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index ed2305b170..9089a73a92 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,17 +9,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/INCLUDE_ME.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -275,21 +281,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -301,6 +303,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index e54edf655b..e83c01df29 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,15 +233,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/tags/" title="Tags"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -308,21 +314,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/cont/tags/" title="Tags"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -334,6 +336,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 918d0d397d..a4830e3561 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/include/" title="Include"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -511,21 +517,17 @@ classDiagram
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/include/" title="Include"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -537,6 +539,6 @@ classDiagram
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index d4c4b2f253..d354bb0784 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -516,21 +522,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -542,6 +544,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index fac476981d..f2c59cd36b 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -284,21 +290,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/notice/" title="Notice"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -310,6 +312,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index d57889251b..4743a9dbf9 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,18 +232,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -443,20 +449,17 @@ from the <code>'default'</code> group on a different page then all tabs will be
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -468,6 +471,6 @@ from the <code>'default'</code> group on a different page then all tabs will be
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index e1b9b217ad..ea238c11c1 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -271,20 +277,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -296,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 81ed78f71d..bb74e4a9c5 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/documentation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,10 +232,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -257,20 +263,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -282,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index d148805f4e..067c8dcc07 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -262,20 +268,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -287,6 +290,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 84f17e34df..168b9b17d2 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -261,20 +267,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -286,6 +289,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index caaff5ee49..5870b6a27f 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/non-hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -233,10 +233,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -266,20 +272,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -291,6 +294,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 6d602309d8..9850affb53 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/tutorial/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,10 +232,16 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -257,20 +263,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -282,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index 284bb71380..e2cbc361e2 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -9,17 +9,17 @@
     <meta name="author" content="Sören Weber">
     <title>Code :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/code/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tests/code/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,18 +235,24 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/tests/" title="Tests"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/code/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
-            <span id="toc-menu"><i class="fas fa-list-alt"></i></span>
+            <span id="toc-menu"><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <meta itemprop="itemListOrder" content="Descending" />
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Relearn Theme for Hugo</span></a> > </li>
@@ -299,20 +305,17 @@ Some preformatted stuff in HTML elements
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/tests/" title="Tests"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -324,6 +327,6 @@ Some preformatted stuff in HTML elements
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index 3ffc59de8f..a914e30bcb 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -9,17 +9,17 @@
     <meta name="author" content="Sören Weber">
     <title>Tests :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tests/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -235,15 +235,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/tests/code/" title="Code"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -279,21 +285,17 @@ What about wrapping long inline code if multiple sections are written side567/by
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/tests/code/" title="Code"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -305,6 +307,6 @@ What about wrapping long inline code if multiple sections are written side567/by
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/1/index.html b/yours/1/index.html
index 408940f208..c7e825f697 100644
--- a/yours/1/index.html
+++ b/yours/1/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/10/" title="10"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/" title="This could be yours"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/1.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/" title="This could be yours"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/10/" title="10"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/10/index.html b/yours/10/index.html
index 7fa2b53dfb..fd6dc966ce 100644
--- a/yours/10/index.html
+++ b/yours/10/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/10/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/11.de/" title="11"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/1/" title="1"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/10.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/1/" title="1"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/11.de/" title="11"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/11.de/index.html b/yours/11.de/index.html
index 1f65a77666..e6e0249f21 100644
--- a/yours/11.de/index.html
+++ b/yours/11.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/11.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/12.de/" title="12"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/10/" title="10"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/11.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/10/" title="10"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/12.de/" title="12"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125020"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/12.de/index.html b/yours/12.de/index.html
index fdf3b60dc3..4b390d5cdd 100644
--- a/yours/12.de/index.html
+++ b/yours/12.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125020" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125020" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125020" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125020" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125020" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125020"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/12.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125020"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125020"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/13.de/" title="13"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/11.de/" title="11"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/12.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/11.de/" title="11"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/13.de/" title="13"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/13.de/index.html b/yours/13.de/index.html
index 4bd65e4422..ddb1e7a217 100644
--- a/yours/13.de/index.html
+++ b/yours/13.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/13.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/14.de/" title="14"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/12.de/" title="12"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/13.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/12.de/" title="12"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/14.de/" title="14"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/14.de/index.html b/yours/14.de/index.html
index e29de32d01..bab6053302 100644
--- a/yours/14.de/index.html
+++ b/yours/14.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/14.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/15.de/" title="15"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/13.de/" title="13"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/14.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/13.de/" title="13"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/15.de/" title="15"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/15.de/index.html b/yours/15.de/index.html
index aa80d91ea3..8b2328730c 100644
--- a/yours/15.de/index.html
+++ b/yours/15.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/15.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/16.de/" title="16"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/14.de/" title="14"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/15.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/14.de/" title="14"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/16.de/" title="16"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/16.de/index.html b/yours/16.de/index.html
index 6540880e07..ebf7926765 100644
--- a/yours/16.de/index.html
+++ b/yours/16.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/16.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/17.de/" title="17"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/15.de/" title="15"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/16.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/15.de/" title="15"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/17.de/" title="17"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/17.de/index.html b/yours/17.de/index.html
index 061390ef93..c19955a386 100644
--- a/yours/17.de/index.html
+++ b/yours/17.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/17.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/18.de/" title="18"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/16.de/" title="16"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/17.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/16.de/" title="16"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/18.de/" title="18"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/18.de/index.html b/yours/18.de/index.html
index 7acc0c3980..5b711ee806 100644
--- a/yours/18.de/index.html
+++ b/yours/18.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/18.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/19.de/" title="19"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/17.de/" title="17"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/18.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/17.de/" title="17"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/19.de/" title="19"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/19.de/index.html b/yours/19.de/index.html
index f0cb5197e9..bba985636c 100644
--- a/yours/19.de/index.html
+++ b/yours/19.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/19.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/2/" title="2"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/18.de/" title="18"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/19.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/18.de/" title="18"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/2/" title="2"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/2/index.html b/yours/2/index.html
index 2fdc84b165..227b9caadb 100644
--- a/yours/2/index.html
+++ b/yours/2/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/20.de/" title="20"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/19.de/" title="19"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/2.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/19.de/" title="19"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/20.de/" title="20"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/20.de/index.html b/yours/20.de/index.html
index 986c7ec58c..d1e20cad89 100644
--- a/yours/20.de/index.html
+++ b/yours/20.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/20.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/21.de/" title="21"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/2/" title="2"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/20.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/2/" title="2"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/21.de/" title="21"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/21.de/index.html b/yours/21.de/index.html
index 8e67e3b2b2..e49901ff4c 100644
--- a/yours/21.de/index.html
+++ b/yours/21.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/21.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/22.de/" title="22"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/20.de/" title="20"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/21.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/20.de/" title="20"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/22.de/" title="22"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/22.de/index.html b/yours/22.de/index.html
index 906295a7d7..83b82fd7a5 100644
--- a/yours/22.de/index.html
+++ b/yours/22.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/22.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/23.de/" title="23"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/21.de/" title="21"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/22.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/21.de/" title="21"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/23.de/" title="23"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/23.de/index.html b/yours/23.de/index.html
index fe11e83993..97e2401dad 100644
--- a/yours/23.de/index.html
+++ b/yours/23.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/23.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/24.de/" title="24"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/22.de/" title="22"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/23.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/22.de/" title="22"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/24.de/" title="24"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/24.de/index.html b/yours/24.de/index.html
index b3a3225b95..adcaaef8bf 100644
--- a/yours/24.de/index.html
+++ b/yours/24.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/24.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/25.de/" title="25"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/23.de/" title="23"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/24.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/23.de/" title="23"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/25.de/" title="25"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/25.de/index.html b/yours/25.de/index.html
index 5e1fdab8db..56a65b411a 100644
--- a/yours/25.de/index.html
+++ b/yours/25.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/25.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/26.de/" title="26"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/24.de/" title="24"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/25.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/24.de/" title="24"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/26.de/" title="26"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/26.de/index.html b/yours/26.de/index.html
index 8ae769118a..dd0a2399f1 100644
--- a/yours/26.de/index.html
+++ b/yours/26.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/26.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/27.de/" title="27"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/25.de/" title="25"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/26.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/25.de/" title="25"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/27.de/" title="27"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/27.de/index.html b/yours/27.de/index.html
index 91c831416f..3fe00c6fcc 100644
--- a/yours/27.de/index.html
+++ b/yours/27.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/27.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/28.de/" title="28"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/26.de/" title="26"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/27.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/26.de/" title="26"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/28.de/" title="28"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/28.de/index.html b/yours/28.de/index.html
index f65ff4341f..13c188e787 100644
--- a/yours/28.de/index.html
+++ b/yours/28.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/28.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/29.de/" title="29"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/27.de/" title="27"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/28.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/27.de/" title="27"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/29.de/" title="29"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/29.de/index.html b/yours/29.de/index.html
index 847c4f15e5..63cc08110b 100644
--- a/yours/29.de/index.html
+++ b/yours/29.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/29.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/3/" title="3"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/28.de/" title="28"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/29.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/28.de/" title="28"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/3/" title="3"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/3/index.html b/yours/3/index.html
index 04170f3cd2..b0c43e3cac 100644
--- a/yours/3/index.html
+++ b/yours/3/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/30.de/" title="30"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/29.de/" title="29"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/3.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/29.de/" title="29"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/30.de/" title="30"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/30.de/index.html b/yours/30.de/index.html
index e7a3625bac..dce6badcbc 100644
--- a/yours/30.de/index.html
+++ b/yours/30.de/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/30.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,15 +262,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/4/" title="4"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/3/" title="3"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/30.de.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -291,21 +297,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/3/" title="3"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/4/" title="4"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/4/index.html b/yours/4/index.html
index 66be33babc..3b093775e5 100644
--- a/yours/4/index.html
+++ b/yours/4/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/5/" title="5"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/30.de/" title="30"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/4.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/30.de/" title="30"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/5/" title="5"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/5/index.html b/yours/5/index.html
index 0f44bbd4cb..045070b8f6 100644
--- a/yours/5/index.html
+++ b/yours/5/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/5/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/6/" title="6"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/4/" title="4"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/5.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/4/" title="4"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/6/" title="6"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/6/index.html b/yours/6/index.html
index c29ba5852c..c9725b6ca7 100644
--- a/yours/6/index.html
+++ b/yours/6/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/6/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/7/" title="7"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/5/" title="5"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/6.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/5/" title="5"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/7/" title="7"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/7/index.html b/yours/7/index.html
index fe77a417f4..54abff54fc 100644
--- a/yours/7/index.html
+++ b/yours/7/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/7/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/8/" title="8"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/6/" title="6"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/7.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/6/" title="6"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/8/" title="8"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/8/index.html b/yours/8/index.html
index dddc60c2f4..4a4e8dc75e 100644
--- a/yours/8/index.html
+++ b/yours/8/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/8/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/9/" title="9"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/7/" title="7"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/8.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,21 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/7/" title="7"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/9/" title="9"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -318,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/9/index.html b/yours/9/index.html
index a34c2160c5..3509723dff 100644
--- a/yours/9/index.html
+++ b/yours/9/index.html
@@ -8,17 +8,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -69,7 +69,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/9/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -112,9 +112,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,15 +263,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/8/" title="8"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/9.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -292,20 +298,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/8/" title="8"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -317,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/children-1/index.html b/yours/children-1/index.html
index c839ee15c3..7e8ee599ac 100644
--- a/yours/children-1/index.html
+++ b/yours/children-1/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -265,15 +265,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/yours/9/" title="9"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/children-1/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -295,20 +301,17 @@
           </footer>
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/yours/9/" title="9"><i class="fa fa-chevron-left"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -320,6 +323,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>
diff --git a/yours/index.html b/yours/index.html
index 7786107aba..33d8ac0ef9 100644
--- a/yours/index.html
+++ b/yours/index.html
@@ -9,17 +9,17 @@
     <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?1645125021" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645125021" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645125021" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645125021" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645125021" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645139488" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645139488" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645139488" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645139488" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645139488" rel="stylesheet" media="print">
     <style>
     </style>
     <script>
@@ -70,7 +70,7 @@
         }
       }
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645139488"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -113,9 +113,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?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645125021"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645125021"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645139488"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645139488"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -264,15 +264,21 @@
       <div id="overlay"></div>
       <div class="padding highlightable">
         <div id="top-bar"><div>
+          <div class="navigation">
+              <a class="nav nav-next" href="/hugo-theme-relearn/yours/1/" title="1"><i class="fa fa-chevron-right fa-fw"></i></a>
+          </div>
+          <div class="navigation">
+              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left fa-fw"></i></a>
+          </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/yours/_index.en.md" target="blank">
-              <i class="fas fa-pencil"></i>
+              <i class="fas fa-pencil fa-fw"></i>
             </a>
           </div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" title='Menu' data-sidebar-toggle="">
-                <i class="fas fa-bars"></i>
+                <i class="fas fa-bars fa-fw"></i>
               </a>
             </span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
@@ -296,21 +302,17 @@
         </div> 
         </main>
       </div>
-      <div id="navigation">
-        <a class="nav nav-prev default-animation" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views"><i class="fa fa-chevron-left"></i></a>
-        <a class="nav nav-next default-animation" href="/hugo-theme-relearn/yours/1/" title="1"><i class="fa fa-chevron-right"></i></a>
-      </div>
     </div>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645125021"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645139488"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645139488"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
@@ -322,6 +324,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1645125021"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1645139488"></script>
   </body>
 </html>