From d37db10b6aa5faa9eed88560dde46f61702ffb0b Mon Sep 17 00:00:00 2001
From: McShelby <McShelby@users.noreply.github.com>
Date: Tue, 3 Oct 2023 20:51:03 +0000
Subject: [PATCH] deploy: 93b115b7cb714f62b881caa9e97df7f756ef75f5

---
 404.html                                      |  26 +-
 basics/changelog/index.html                   |  46 +--
 basics/changelog/index.print.html             |  34 +-
 basics/configuration/index.html               |  56 +--
 basics/configuration/index.print.html         |  44 +--
 basics/customization/index.html               |  48 +--
 basics/customization/index.print.html         |  36 +-
 basics/generator/index.html                   |  76 ++--
 basics/generator/index.print.html             |  64 ++--
 basics/history/index.html                     |  46 +--
 basics/history/index.print.html               |  34 +-
 basics/index.html                             |  46 +--
 basics/index.print.html                       |  96 +++---
 basics/installation/index.html                |  52 +--
 basics/installation/index.print.html          |  40 +--
 basics/migration/index.html                   |  46 +--
 basics/migration/index.print.html             |  34 +-
 basics/requirements/index.html                |  52 +--
 basics/requirements/index.print.html          |  40 +--
 basics/topbar/index.html                      |  54 +--
 basics/topbar/index.print.html                |  42 +--
 categories/basic/index.html                   |  46 +--
 categories/content/index.html                 |  46 +--
 categories/custom/index.html                  |  46 +--
 categories/index.html                         |  46 +--
 categories/taxonomy/index.html                |  46 +--
 categories/theming/index.html                 |  46 +--
 cont/archetypes/index.html                    |  58 ++--
 cont/archetypes/index.print.html              |  46 +--
 cont/i18n/index.html                          |  50 +--
 cont/i18n/index.print.html                    |  38 +-
 cont/imageeffects/index.html                  |  66 ++--
 cont/imageeffects/index.print.html            |  54 +--
 cont/index.html                               |  46 +--
 cont/index.print.html                         | 152 ++++----
 cont/markdown/index.html                      | 108 +++---
 cont/markdown/index.print.html                |  96 +++---
 cont/menushortcuts/index.html                 |  46 +--
 cont/menushortcuts/index.print.html           |  34 +-
 cont/pages/index.html                         |  50 +--
 cont/pages/index.print.html                   |  38 +-
 cont/taxonomy/index.html                      |  62 ++--
 cont/taxonomy/index.print.html                |  50 +--
 css/variant.css                               |  13 +-
 dev/contributing/index.html                   |  46 +--
 dev/contributing/index.print.html             |  34 +-
 dev/index.html                                |  46 +--
 dev/index.print.html                          |  46 +--
 dev/maintaining/index.html                    |  46 +--
 dev/maintaining/index.print.html              |  34 +-
 dev/screenshots/index.html                    |  58 ++--
 dev/screenshots/index.print.html              |  46 +--
 index.html                                    |  50 +--
 index.print.html                              | 324 +++++++++---------
 index.search.js                               |   2 +-
 more/credits/index.html                       |  46 +--
 more/credits/index.print.html                 |  34 +-
 pir/404.html                                  |  26 +-
 pir/basics/configuration/index.html           |  56 +--
 pir/basics/configuration/index.print.html     |  44 +--
 pir/basics/customization/index.html           |  48 +--
 pir/basics/customization/index.print.html     |  36 +-
 pir/basics/generator/index.html               |  76 ++--
 pir/basics/generator/index.print.html         |  64 ++--
 pir/basics/history/index.html                 |  46 +--
 pir/basics/history/index.print.html           |  34 +-
 pir/basics/index.html                         |  46 +--
 pir/basics/index.print.html                   |  96 +++---
 pir/basics/installation/index.html            |  52 +--
 pir/basics/installation/index.print.html      |  40 +--
 pir/basics/migration/index.html               |  46 +--
 pir/basics/migration/index.print.html         |  34 +-
 pir/basics/requirements/index.html            |  52 +--
 pir/basics/requirements/index.print.html      |  40 +--
 pir/basics/topbar/index.html                  |  54 +--
 pir/basics/topbar/index.print.html            |  42 +--
 pir/categories/basic/index.html               |  46 +--
 pir/categories/content/index.html             |  46 +--
 pir/categories/custom/index.html              |  46 +--
 pir/categories/index.html                     |  46 +--
 pir/categories/taxonomy/index.html            |  46 +--
 pir/categories/theming/index.html             |  46 +--
 pir/cont/archetypes/index.html                |  58 ++--
 pir/cont/archetypes/index.print.html          |  46 +--
 pir/cont/i18n/index.html                      |  50 +--
 pir/cont/i18n/index.print.html                |  38 +-
 pir/cont/imageeffects/index.html              |  66 ++--
 pir/cont/imageeffects/index.print.html        |  54 +--
 pir/cont/index.html                           |  46 +--
 pir/cont/index.print.html                     | 152 ++++----
 pir/cont/markdown/index.html                  | 108 +++---
 pir/cont/markdown/index.print.html            |  96 +++---
 pir/cont/menushortcuts/index.html             |  46 +--
 pir/cont/menushortcuts/index.print.html       |  34 +-
 pir/cont/pages/index.html                     |  50 +--
 pir/cont/pages/index.print.html               |  38 +-
 pir/cont/taxonomy/index.html                  |  62 ++--
 pir/cont/taxonomy/index.print.html            |  50 +--
 pir/dev/contributing/index.html               |  46 +--
 pir/dev/contributing/index.print.html         |  34 +-
 pir/dev/index.html                            |  46 +--
 pir/dev/index.print.html                      |  46 +--
 pir/dev/maintaining/index.html                |  46 +--
 pir/dev/maintaining/index.print.html          |  34 +-
 pir/dev/screenshots/index.html                |  58 ++--
 pir/dev/screenshots/index.print.html          |  46 +--
 pir/index.html                                |  50 +--
 pir/index.print.html                          | 324 +++++++++---------
 pir/index.search.js                           |   2 +-
 pir/more/credits/index.html                   |  46 +--
 pir/more/credits/index.print.html             |  34 +-
 pir/search.html                               |  46 +--
 pir/shortcodes/attachments/index.html         |  46 +--
 pir/shortcodes/attachments/index.print.html   |  34 +-
 pir/shortcodes/badge/index.html               |  46 +--
 pir/shortcodes/badge/index.print.html         |  34 +-
 pir/shortcodes/button/index.html              |  46 +--
 pir/shortcodes/button/index.print.html        |  34 +-
 .../children-1-1-1-1-1-1/index.html           |  48 +--
 .../children-1-1-1-1-1-1/index.print.html     |  36 +-
 .../children-1-1-1-1-1/index.html             |  48 +--
 .../children-1-1-1-1-1/index.print.html       |  38 +-
 .../children-1-1-1-1/index.html               |  48 +--
 .../children-1-1-1-1/index.print.html         |  36 +-
 .../children-1-1/children-1-1-1/index.html    |  48 +--
 .../children-1-1-1/index.print.html           |  38 +-
 .../children-1-1-2-1/index.html               |  48 +--
 .../children-1-1-2-1/index.print.html         |  36 +-
 .../children-1-1-2-2/index.html               |  48 +--
 .../children-1-1-2-2/index.print.html         |  36 +-
 .../children-1-1/children-1-1-3/index.html    |  48 +--
 .../children-1-1-3/index.print.html           |  36 +-
 .../children-1/children-1-1/index.html        |  48 +--
 .../children-1/children-1-1/index.print.html  |  44 +--
 pir/shortcodes/children/children-1/index.html |  48 +--
 .../children/children-1/index.print.html      |  46 +--
 pir/shortcodes/children/children-2/index.html |  48 +--
 .../children/children-2/index.print.html      |  36 +-
 pir/shortcodes/children/children-3/index.html |  48 +--
 .../children/children-3/index.print.html      |  38 +-
 .../children/children-3/test3/index.html      |  48 +--
 .../children-3/test3/index.print.html         |  36 +-
 pir/shortcodes/children/children-4/index.html |  48 +--
 .../children/children-4/index.print.html      |  36 +-
 pir/shortcodes/children/index.html            |  46 +--
 pir/shortcodes/children/index.print.html      |  54 +--
 pir/shortcodes/children/test/index.html       |  48 +--
 pir/shortcodes/children/test/index.print.html |  36 +-
 pir/shortcodes/expand/index.html              |  70 ++--
 pir/shortcodes/expand/index.print.html        |  58 ++--
 pir/shortcodes/highlight/index.html           |  54 +--
 pir/shortcodes/highlight/index.print.html     |  42 +--
 pir/shortcodes/icon/index.html                |  46 +--
 pir/shortcodes/icon/index.print.html          |  34 +-
 pir/shortcodes/include/index.html             |  46 +--
 pir/shortcodes/include/index.print.html       |  34 +-
 pir/shortcodes/index.html                     |  46 +--
 pir/shortcodes/index.print.html               | 162 ++++-----
 pir/shortcodes/math/index.html                |  48 +--
 pir/shortcodes/math/index.print.html          |  36 +-
 pir/shortcodes/mermaid/index.html             |  68 ++--
 pir/shortcodes/mermaid/index.print.html       |  56 +--
 pir/shortcodes/notice/index.html              |  46 +--
 pir/shortcodes/notice/index.print.html        |  34 +-
 pir/shortcodes/openapi/index.html             |  54 +--
 pir/shortcodes/openapi/index.print.html       |  42 +--
 pir/shortcodes/siteparam/index.html           |  50 +--
 pir/shortcodes/siteparam/index.print.html     |  38 +-
 pir/shortcodes/tab/index.html                 |  70 ++--
 pir/shortcodes/tab/index.print.html           |  58 ++--
 pir/shortcodes/tabs/index.html                |  62 ++--
 pir/shortcodes/tabs/index.print.html          |  50 +--
 pir/showcase/index.html                       |  58 ++--
 pir/showcase/index.print.html                 |  46 +--
 pir/tags/children/index.html                  |  46 +--
 pir/tags/config/index.html                    |  46 +--
 pir/tags/content/index.html                   |  46 +--
 pir/tags/documentatn/index.html               |  46 +--
 pir/tags/headless/index.html                  |  46 +--
 pir/tags/hidden/index.html                    |  46 +--
 pir/tags/index.html                           |  46 +--
 pir/tags/non-hidden/index.html                |  46 +--
 pir/tags/tutorrrial/index.html                |  46 +--
 search.html                                   |  46 +--
 shortcodes/attachments/index.html             |  46 +--
 shortcodes/attachments/index.print.html       |  34 +-
 shortcodes/badge/index.html                   |  46 +--
 shortcodes/badge/index.print.html             |  34 +-
 shortcodes/button/index.html                  |  46 +--
 shortcodes/button/index.print.html            |  34 +-
 .../children-1-1-1-1-1-1/index.html           |  48 +--
 .../children-1-1-1-1-1-1/index.print.html     |  36 +-
 .../children-1-1-1-1-1/index.html             |  48 +--
 .../children-1-1-1-1-1/index.print.html       |  38 +-
 .../children-1-1-1-1/index.html               |  48 +--
 .../children-1-1-1-1/index.print.html         |  36 +-
 .../children-1-1/children-1-1-1/index.html    |  48 +--
 .../children-1-1-1/index.print.html           |  38 +-
 .../children-1-1-2-1/index.html               |  48 +--
 .../children-1-1-2-1/index.print.html         |  36 +-
 .../children-1-1-2-2/index.html               |  48 +--
 .../children-1-1-2-2/index.print.html         |  36 +-
 .../children-1-1/children-1-1-3/index.html    |  48 +--
 .../children-1-1-3/index.print.html           |  36 +-
 .../children-1/children-1-1/index.html        |  48 +--
 .../children-1/children-1-1/index.print.html  |  44 +--
 shortcodes/children/children-1/index.html     |  48 +--
 .../children/children-1/index.print.html      |  46 +--
 shortcodes/children/children-2/index.html     |  48 +--
 .../children/children-2/index.print.html      |  36 +-
 shortcodes/children/children-3/index.html     |  48 +--
 .../children/children-3/index.print.html      |  38 +-
 .../children/children-3/test3/index.html      |  48 +--
 .../children-3/test3/index.print.html         |  36 +-
 shortcodes/children/children-4/index.html     |  48 +--
 .../children/children-4/index.print.html      |  36 +-
 shortcodes/children/index.html                |  46 +--
 shortcodes/children/index.print.html          |  54 +--
 shortcodes/children/test/index.html           |  48 +--
 shortcodes/children/test/index.print.html     |  36 +-
 shortcodes/expand/index.html                  |  70 ++--
 shortcodes/expand/index.print.html            |  58 ++--
 shortcodes/highlight/index.html               |  54 +--
 shortcodes/highlight/index.print.html         |  42 +--
 shortcodes/icon/index.html                    |  46 +--
 shortcodes/icon/index.print.html              |  34 +-
 shortcodes/include/index.html                 |  46 +--
 shortcodes/include/index.print.html           |  34 +-
 shortcodes/include_me/index.html              |  46 +--
 shortcodes/include_me/index.print.html        |  34 +-
 shortcodes/index.html                         |  46 +--
 shortcodes/index.print.html                   | 162 ++++-----
 shortcodes/math/index.html                    |  48 +--
 shortcodes/math/index.print.html              |  36 +-
 shortcodes/mermaid/index.html                 |  68 ++--
 shortcodes/mermaid/index.print.html           |  56 +--
 shortcodes/notice/index.html                  |  46 +--
 shortcodes/notice/index.print.html            |  34 +-
 shortcodes/openapi/index.html                 |  54 +--
 shortcodes/openapi/index.print.html           |  42 +--
 shortcodes/siteparam/index.html               |  50 +--
 shortcodes/siteparam/index.print.html         |  38 +-
 shortcodes/tab/index.html                     |  70 ++--
 shortcodes/tab/index.print.html               |  58 ++--
 shortcodes/tabs/index.html                    |  62 ++--
 shortcodes/tabs/index.print.html              |  50 +--
 showcase/index.html                           |  58 ++--
 showcase/index.print.html                     |  46 +--
 tags/children/index.html                      |  46 +--
 tags/config/index.html                        |  46 +--
 tags/content/index.html                       |  46 +--
 tags/documentation/index.html                 |  46 +--
 tags/headless/index.html                      |  46 +--
 tags/hidden/index.html                        |  46 +--
 tags/index.html                               |  46 +--
 tags/non-hidden/index.html                    |  46 +--
 tags/tutorial/index.html                      |  46 +--
 257 files changed, 6551 insertions(+), 6466 deletions(-)

diff --git a/404.html b/404.html
index fe7404b017..4b6735bb40 100644
--- a/404.html
+++ b/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="./images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="./css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696362807" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696362807" rel="stylesheet">
-    <link href="./css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1696362807" rel="stylesheet">
-    <script src="./js/url.js?1696362807"></script>
-    <script src="./js/variant.js?1696362807"></script>
+    <link href="./css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="./css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696366255" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696366255" rel="stylesheet">
+    <link href="./css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696366255" rel="stylesheet">
+    <script src="./js/url.js?1696366255"></script>
+    <script src="./js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 4dc8c4e8da..d085ed1541 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2163,12 +2163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2325,13 +2325,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 59b40a3a42..2aa4f746ba 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,8 +75,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 2843ee5c4f..5d38e1227c 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,7 +142,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/config/index.html">config</a></li>
   </ul>
@@ -264,8 +264,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-dd4f6637d378d766f8c180d1a8dbf42b" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd4f6637d378d766f8c180d1a8dbf42b"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0057763fd2efe9c69e0ddcdb93f5cb69" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0057763fd2efe9c69e0ddcdb93f5cb69"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -310,8 +310,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-3a48a2b473e432ebc20573ca20d5034b" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3a48a2b473e432ebc20573ca20d5034b"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6ac1177dab3c307a4f671cd725bf3a28" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6ac1177dab3c307a4f671cd725bf3a28"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -401,12 +401,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -563,13 +563,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index a00db24e2f..5233f13da0 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/config/index.html">config</a></li>
   </ul>
@@ -201,8 +201,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-dd4f6637d378d766f8c180d1a8dbf42b" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd4f6637d378d766f8c180d1a8dbf42b"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0057763fd2efe9c69e0ddcdb93f5cb69" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0057763fd2efe9c69e0ddcdb93f5cb69"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -247,8 +247,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-3a48a2b473e432ebc20573ca20d5034b" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3a48a2b473e432ebc20573ca20d5034b"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6ac1177dab3c307a4f671cd725bf3a28" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6ac1177dab3c307a4f671cd725bf3a28"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -257,8 +257,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 15f7d166f8..f6158a1541 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -231,7 +231,7 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/custom/index.html">custom</a></li>
@@ -325,12 +325,12 @@ If you have requirements to support IE and/or older browser versions, use one of
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -487,13 +487,13 @@ If you have requirements to support IE and/or older browser versions, use one of
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index d8a29a863f..d794c5d3be 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,7 +176,7 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/custom/index.html">custom</a></li>
@@ -189,8 +189,8 @@ If you have requirements to support IE and/or older browser versions, use one of
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 086f6574c1..47964b0675 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,13 +124,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-bc66495e10cfed3e6c84e61afe576bfb" aria-controls="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" >
-    <label class="expand-label" for="R-expand-bc66495e10cfed3e6c84e61afe576bfb" >
+    <input type="checkbox" id="R-expand-a3bce35e7aa01c8823d6cd48614e1665" aria-controls="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" >
+    <label class="expand-label" for="R-expand-a3bce35e7aa01c8823d6cd48614e1665" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" class="expand-content">
+    <div id="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -175,7 +175,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 </script>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/theming/index.html">theming</a></li>
@@ -268,12 +268,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -430,27 +430,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696362808" defer></script>
-    <script src="../../js/js-yaml.min.js?1696362808" defer></script>
-    <script src="../../js/mermaid.min.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696366255" defer></script>
+    <script src="../../js/js-yaml.min.js?1696366255" defer></script>
+    <script src="../../js/mermaid.min.js?1696366255" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index b668a73e19..0fe4d7f600 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,13 +85,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-bc66495e10cfed3e6c84e61afe576bfb" aria-controls="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" >
-    <label class="expand-label" for="R-expand-bc66495e10cfed3e6c84e61afe576bfb" >
+    <input type="checkbox" id="R-expand-a3bce35e7aa01c8823d6cd48614e1665" aria-controls="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" >
+    <label class="expand-label" for="R-expand-a3bce35e7aa01c8823d6cd48614e1665" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" class="expand-content">
+    <div id="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -136,7 +136,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 </script>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/theming/index.html">theming</a></li>
@@ -148,22 +148,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696362809" defer></script>
-    <script src="../../js/js-yaml.min.js?1696362809" defer></script>
-    <script src="../../js/mermaid.min.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696366256" defer></script>
+    <script src="../../js/js-yaml.min.js?1696366256" defer></script>
+    <script src="../../js/mermaid.min.js?1696366256" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index ca3b632f51..d0ce579fe5 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2170,12 +2170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2332,13 +2332,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index a20df6a569..634a80382c 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1360,8 +1360,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 6ecc7a3ad3..97aded019f 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index f43325133a..71586f395f 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../js/url.js?1696362808"></script>
-    <script src="../js/variant.js?1696362808"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -883,11 +883,11 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e61b9acbda966ff29f93cf0942062841" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e61b9acbda966ff29f93cf0942062841"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9c4c2b88261e042508e99849aed511dc" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c4c2b88261e042508e99849aed511dc"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../categories/basic/index.html">basic</a></li>
@@ -898,7 +898,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/documentation/index.html">documentation</a></li>
   </ul>
@@ -932,8 +932,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-2b5ec871c6f886704ff5e1f2e4dd8059" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b5ec871c6f886704ff5e1f2e4dd8059"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-70434125a4717d51dd0ad21e1b7673e1" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-70434125a4717d51dd0ad21e1b7673e1"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -968,7 +968,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/config/index.html">config</a></li>
   </ul>
@@ -1090,8 +1090,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-dd4f6637d378d766f8c180d1a8dbf42b" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd4f6637d378d766f8c180d1a8dbf42b"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0057763fd2efe9c69e0ddcdb93f5cb69" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0057763fd2efe9c69e0ddcdb93f5cb69"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1136,8 +1136,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-3a48a2b473e432ebc20573ca20d5034b" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3a48a2b473e432ebc20573ca20d5034b"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6ac1177dab3c307a4f671cd725bf3a28" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6ac1177dab3c307a4f671cd725bf3a28"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -1242,7 +1242,7 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../categories/custom/index.html">custom</a></li>
@@ -1260,13 +1260,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-bc66495e10cfed3e6c84e61afe576bfb" aria-controls="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" >
-    <label class="expand-label" for="R-expand-bc66495e10cfed3e6c84e61afe576bfb" >
+    <input type="checkbox" id="R-expand-a3bce35e7aa01c8823d6cd48614e1665" aria-controls="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" >
+    <label class="expand-label" for="R-expand-a3bce35e7aa01c8823d6cd48614e1665" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" class="expand-content">
+    <div id="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -1311,7 +1311,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 </script>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../categories/theming/index.html">theming</a></li>
@@ -1326,8 +1326,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-451c854eb099a877d77fac35b0e65521" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-451c854eb099a877d77fac35b0e65521"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-43e8dab5041326febb346f585c62c725" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-43e8dab5041326febb346f585c62c725"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -1339,8 +1339,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-37356a7c023bae22460b767bbe359371" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-37356a7c023bae22460b767bbe359371"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0ca8d8cc7f0f730a448e09ea71d29c74" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ca8d8cc7f0f730a448e09ea71d29c74"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -2939,22 +2939,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-color.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1696362809" defer></script>
-    <script src="../js/js-yaml.min.js?1696362809" defer></script>
-    <script src="../js/mermaid.min.js?1696362809" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-color.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696366256" defer></script>
+    <script src="../js/js-yaml.min.js?1696366256" defer></script>
+    <script src="../js/mermaid.min.js?1696366256" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1696362809" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index f937861fbe..264cf2835a 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,7 +133,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/documentation/index.html">documentation</a></li>
   </ul>
@@ -167,8 +167,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-2b5ec871c6f886704ff5e1f2e4dd8059" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b5ec871c6f886704ff5e1f2e4dd8059"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-70434125a4717d51dd0ad21e1b7673e1" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-70434125a4717d51dd0ad21e1b7673e1"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -285,12 +285,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -447,13 +447,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index cc7e9be5e6..cccff80b86 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/documentation/index.html">documentation</a></li>
   </ul>
@@ -113,8 +113,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-2b5ec871c6f886704ff5e1f2e4dd8059" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b5ec871c6f886704ff5e1f2e4dd8059"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-70434125a4717d51dd0ad21e1b7673e1" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-70434125a4717d51dd0ad21e1b7673e1"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -150,8 +150,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 178ecffcad..8fafea6312 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1035,12 +1035,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1197,13 +1197,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 47e80faf02..d9f3d66f9e 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -866,8 +866,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 4c274f91c1..291956ca7b 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,11 +114,11 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e61b9acbda966ff29f93cf0942062841" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e61b9acbda966ff29f93cf0942062841"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9c4c2b88261e042508e99849aed511dc" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c4c2b88261e042508e99849aed511dc"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/basic/index.html">basic</a></li>
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 6fbb2f5522..b471677d71 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,11 +84,11 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e61b9acbda966ff29f93cf0942062841" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e61b9acbda966ff29f93cf0942062841"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9c4c2b88261e042508e99849aed511dc" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c4c2b88261e042508e99849aed511dc"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/basic/index.html">basic</a></li>
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.html b/basics/topbar/index.html
index 3b713517ad..5fff948853 100644
--- a/basics/topbar/index.html
+++ b/basics/topbar/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
     <link href="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -143,8 +143,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-451c854eb099a877d77fac35b0e65521" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-451c854eb099a877d77fac35b0e65521"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-43e8dab5041326febb346f585c62c725" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-43e8dab5041326febb346f585c62c725"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -156,8 +156,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-37356a7c023bae22460b767bbe359371" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-37356a7c023bae22460b767bbe359371"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0ca8d8cc7f0f730a448e09ea71d29c74" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ca8d8cc7f0f730a448e09ea71d29c74"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -556,12 +556,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -718,13 +718,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.print.html b/basics/topbar/index.print.html
index f58fa1fae0..68653f4cfa 100644
--- a/basics/topbar/index.print.html
+++ b/basics/topbar/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
     <link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-451c854eb099a877d77fac35b0e65521" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-451c854eb099a877d77fac35b0e65521"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-43e8dab5041326febb346f585c62c725" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-43e8dab5041326febb346f585c62c725"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -96,8 +96,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-37356a7c023bae22460b767bbe359371" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-37356a7c023bae22460b767bbe359371"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0ca8d8cc7f0f730a448e09ea71d29c74" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ca8d8cc7f0f730a448e09ea71d29c74"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -415,8 +415,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 8a4a05b071..dad47f88b6 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index c17cc21b24..19bd6540b4 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index eda384002f..532f83a59e 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 78b6496d26..0f0b6e82ea 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 16a3c3f4d4..9cfc3c9990 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 394d47437f..b7e8bd10a4 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +363,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 2d1724271c..73f26ea980 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -143,8 +143,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b07faf8eb85a877f874f43389fd0af0a" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b07faf8eb85a877f874f43389fd0af0a"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-da3953347830899b926232b94e0f32ec" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-da3953347830899b926232b94e0f32ec"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -154,8 +154,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-badb23911d436312d13a148c13591901" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-badb23911d436312d13a148c13591901"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7af03085f8fc9fc1b7adedbd61800663" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7af03085f8fc9fc1b7adedbd61800663"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -167,8 +167,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4f58e39123e3803d2a66c75342ab6012" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f58e39123e3803d2a66c75342ab6012"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fb965cada307587e9c8573eaec2b4b34" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb965cada307587e9c8573eaec2b4b34"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -300,12 +300,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -462,13 +462,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 67e7c2f623..1c49305562 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,8 +87,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b07faf8eb85a877f874f43389fd0af0a" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b07faf8eb85a877f874f43389fd0af0a"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-da3953347830899b926232b94e0f32ec" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-da3953347830899b926232b94e0f32ec"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -98,8 +98,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-badb23911d436312d13a148c13591901" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-badb23911d436312d13a148c13591901"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7af03085f8fc9fc1b7adedbd61800663" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7af03085f8fc9fc1b7adedbd61800663"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -111,8 +111,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4f58e39123e3803d2a66c75342ab6012" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f58e39123e3803d2a66c75342ab6012"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fb965cada307587e9c8573eaec2b4b34" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb965cada307587e9c8573eaec2b4b34"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -163,8 +163,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 149ca54631..c59ee6fa7b 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,8 +140,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-4a7454f6d6adc50b559c732642b0f807" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7454f6d6adc50b559c732642b0f807"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b22d96af2f941fd02473589c6c2ac65" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b22d96af2f941fd02473589c6c2ac65"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -322,12 +322,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -484,13 +484,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 2087348684..50eef58b4d 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -89,8 +89,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-4a7454f6d6adc50b559c732642b0f807" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7454f6d6adc50b559c732642b0f807"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b22d96af2f941fd02473589c6c2ac65" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b22d96af2f941fd02473589c6c2ac65"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -190,8 +190,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index 96ea0dae48..54eb43b83f 100644
--- a/cont/imageeffects/index.html
+++ b/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,13 +133,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="b47f61087921cbf10ff644131bc32933">
+<div class="tab-panel" data-tab-group="244edb842176247501d43fcb173d9330">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b47f61087921cbf10ff644131bc32933','configtoml')"
+      onclick="switchTab('244edb842176247501d43fcb173d9330','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -160,13 +160,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="412706400fcf26a2faee906dde09be49">
+<div class="tab-panel" data-tab-group="6485cca89c0bb3740116df729a9e0b68">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('412706400fcf26a2faee906dde09be49','frontmatter')"
+      onclick="switchTab('6485cca89c0bb3740116df729a9e0b68','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -186,13 +186,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="ac56f7aa535873542fc464040edc95b8">
+<div class="tab-panel" data-tab-group="1b4a0e232114b588b625a5a9ab3da75b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ac56f7aa535873542fc464040edc95b8','url')"
+      onclick="switchTab('1b4a0e232114b588b625a5a9ab3da75b','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -209,13 +209,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a64b9e4d0a7f5b4e2978632a06bf9ef4">
+<div class="tab-panel" data-tab-group="445b9f020589845d550243fb686348de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a64b9e4d0a7f5b4e2978632a06bf9ef4','result')"
+      onclick="switchTab('445b9f020589845d550243fb686348de','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -235,13 +235,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="f66dda6a4286e687326ce4a3c9d3eb8c">
+<div class="tab-panel" data-tab-group="75c99e9e2cfcf444ae3885fbc693b197">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f66dda6a4286e687326ce4a3c9d3eb8c','html')"
+      onclick="switchTab('75c99e9e2cfcf444ae3885fbc693b197','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -354,12 +354,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -516,13 +516,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index 2d640ed2fb..c293d66289 100644
--- a/cont/imageeffects/index.print.html
+++ b/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -89,13 +89,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="b47f61087921cbf10ff644131bc32933">
+<div class="tab-panel" data-tab-group="244edb842176247501d43fcb173d9330">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b47f61087921cbf10ff644131bc32933','configtoml')"
+      onclick="switchTab('244edb842176247501d43fcb173d9330','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -116,13 +116,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="412706400fcf26a2faee906dde09be49">
+<div class="tab-panel" data-tab-group="6485cca89c0bb3740116df729a9e0b68">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('412706400fcf26a2faee906dde09be49','frontmatter')"
+      onclick="switchTab('6485cca89c0bb3740116df729a9e0b68','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -142,13 +142,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="ac56f7aa535873542fc464040edc95b8">
+<div class="tab-panel" data-tab-group="1b4a0e232114b588b625a5a9ab3da75b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ac56f7aa535873542fc464040edc95b8','url')"
+      onclick="switchTab('1b4a0e232114b588b625a5a9ab3da75b','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -165,13 +165,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a64b9e4d0a7f5b4e2978632a06bf9ef4">
+<div class="tab-panel" data-tab-group="445b9f020589845d550243fb686348de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a64b9e4d0a7f5b4e2978632a06bf9ef4','result')"
+      onclick="switchTab('445b9f020589845d550243fb686348de','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -191,13 +191,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="f66dda6a4286e687326ce4a3c9d3eb8c">
+<div class="tab-panel" data-tab-group="75c99e9e2cfcf444ae3885fbc693b197">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f66dda6a4286e687326ce4a3c9d3eb8c','html')"
+      onclick="switchTab('75c99e9e2cfcf444ae3885fbc693b197','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -229,8 +229,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index e88c8f2e56..cffe15a1d6 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 7e3a085abf..52d9975c5f 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../js/url.js?1696362808"></script>
-    <script src="../js/variant.js?1696362808"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -171,8 +171,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-8255066b7cb1bbb6c92ffb4d5931515e" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8255066b7cb1bbb6c92ffb4d5931515e"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-297c27e5b646734782f7c1c53ee25397" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-297c27e5b646734782f7c1c53ee25397"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -220,8 +220,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b07faf8eb85a877f874f43389fd0af0a" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b07faf8eb85a877f874f43389fd0af0a"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-da3953347830899b926232b94e0f32ec" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-da3953347830899b926232b94e0f32ec"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -231,8 +231,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-badb23911d436312d13a148c13591901" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-badb23911d436312d13a148c13591901"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7af03085f8fc9fc1b7adedbd61800663" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7af03085f8fc9fc1b7adedbd61800663"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -244,8 +244,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4f58e39123e3803d2a66c75342ab6012" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f58e39123e3803d2a66c75342ab6012"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fb965cada307587e9c8573eaec2b4b34" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb965cada307587e9c8573eaec2b4b34"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -295,7 +295,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/content/index.html">Content</a></li>
   </ul>
@@ -817,8 +817,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce2854b222bd21442d08249e21deaee6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2854b222bd21442d08249e21deaee6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b97c17f95d81c88602656bace7da7abe" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b97c17f95d81c88602656bace7da7abe"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -828,8 +828,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff842ace19a30889c59adb66972455be" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff842ace19a30889c59adb66972455be"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-15acea8948b856d93fdc4e6a28144adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-15acea8948b856d93fdc4e6a28144adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -841,8 +841,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-347be425b9c156a62fc8351b4cfffc39" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-347be425b9c156a62fc8351b4cfffc39"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-88e4159b0078b7e73135a186b234c8bd" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-88e4159b0078b7e73135a186b234c8bd"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -854,8 +854,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-46ebe147d205d521cc04285ff53a299f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ebe147d205d521cc04285ff53a299f"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-89c913dc4d59d920d8d664f2cff9ce3d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-89c913dc4d59d920d8d664f2cff9ce3d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -863,8 +863,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2c50144da37a76fa97590e18395be94e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2c50144da37a76fa97590e18395be94e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9cc55463a08579712d1b3dbe1ad0a275" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9cc55463a08579712d1b3dbe1ad0a275"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -872,8 +872,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-768659071e7ca8eaa1fed014dc1e79c7" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768659071e7ca8eaa1fed014dc1e79c7"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c239f1f503829fe62d8ad303ad1b6aa6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c239f1f503829fe62d8ad303ad1b6aa6"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -884,8 +884,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bc20e6f82877df8ce1a0960d7f07b30b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc20e6f82877df8ce1a0960d7f07b30b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-f8c508baa54eec0b6b534733e9df937f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8c508baa54eec0b6b534733e9df937f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -894,8 +894,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-395a3322f02648a407d37258e69cb484" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-395a3322f02648a407d37258e69cb484"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c7f2b3fdb091098f69782cd3cc1059d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c7f2b3fdb091098f69782cd3cc1059d"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -904,8 +904,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d887fa9cfcc2e6684347fc0ee85956d4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d887fa9cfcc2e6684347fc0ee85956d4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-df89f4db8c8de9637c817fdb93398f51" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-df89f4db8c8de9637c817fdb93398f51"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -914,8 +914,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cbbf1d203dcf49ab6b2a91ab64996a7a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cbbf1d203dcf49ab6b2a91ab64996a7a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bbc17de800d07c58f3f824c136c8af46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bbc17de800d07c58f3f824c136c8af46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -927,14 +927,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d60c31b9aec6ec93eed7b461e1ac04f8" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d60c31b9aec6ec93eed7b461e1ac04f8"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-289bc9489d92b8fbeedc3b2b21eb7d5a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-289bc9489d92b8fbeedc3b2b21eb7d5a"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2680bedb3fd008632f6bf4119a150848" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2680bedb3fd008632f6bf4119a150848"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-c24b2265ea144990d1ccdca2237fc904" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c24b2265ea144990d1ccdca2237fc904"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b39ba0aabd2ae689dbea427533d4beb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b39ba0aabd2ae689dbea427533d4beb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-480203f107155631781deef500a7dd44" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-480203f107155631781deef500a7dd44"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-99728babc059811f9b80a882474c6e4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-99728babc059811f9b80a882474c6e4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-1ee00b466cc0aa93b879a237f8fb4a6a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ee00b466cc0aa93b879a237f8fb4a6a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -943,8 +943,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a9d53c161d6cf83d80bbc20c43021f12" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a9d53c161d6cf83d80bbc20c43021f12"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-60845f8792e4a913c078dc0492710f16" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-60845f8792e4a913c078dc0492710f16"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -983,13 +983,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="b47f61087921cbf10ff644131bc32933">
+<div class="tab-panel" data-tab-group="244edb842176247501d43fcb173d9330">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b47f61087921cbf10ff644131bc32933','configtoml')"
+      onclick="switchTab('244edb842176247501d43fcb173d9330','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -1010,13 +1010,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="412706400fcf26a2faee906dde09be49">
+<div class="tab-panel" data-tab-group="6485cca89c0bb3740116df729a9e0b68">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('412706400fcf26a2faee906dde09be49','frontmatter')"
+      onclick="switchTab('6485cca89c0bb3740116df729a9e0b68','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1036,13 +1036,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="ac56f7aa535873542fc464040edc95b8">
+<div class="tab-panel" data-tab-group="1b4a0e232114b588b625a5a9ab3da75b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ac56f7aa535873542fc464040edc95b8','url')"
+      onclick="switchTab('1b4a0e232114b588b625a5a9ab3da75b','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1059,13 +1059,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a64b9e4d0a7f5b4e2978632a06bf9ef4">
+<div class="tab-panel" data-tab-group="445b9f020589845d550243fb686348de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a64b9e4d0a7f5b4e2978632a06bf9ef4','result')"
+      onclick="switchTab('445b9f020589845d550243fb686348de','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1085,13 +1085,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="f66dda6a4286e687326ce4a3c9d3eb8c">
+<div class="tab-panel" data-tab-group="75c99e9e2cfcf444ae3885fbc693b197">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f66dda6a4286e687326ce4a3c9d3eb8c','html')"
+      onclick="switchTab('75c99e9e2cfcf444ae3885fbc693b197','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1266,8 +1266,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-4a7454f6d6adc50b559c732642b0f807" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7454f6d6adc50b559c732642b0f807"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b22d96af2f941fd02473589c6c2ac65" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b22d96af2f941fd02473589c6c2ac65"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1366,7 +1366,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/tutorial/index.html">tutorial</a></li>
   </ul>
@@ -1422,7 +1422,17 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on the outermost generated HTML element.</td>
+<td>Additional CSS classes set on the outermost generated HTML element.<br><br>If set to <code>tags</code> you will get the visuals for displaying the <em>tags</em> taxonomy, otherwise it will be a simple list of links as for the <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>The style scheme used if <strong>class</strong> is <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used if <strong>class</strong> is <code>tags</code>. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td><strong>icon</strong></td>
@@ -1433,7 +1443,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 </table>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../categories/content/index.html">content</a></li>
@@ -1447,8 +1457,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../js/theme.js?1696362809" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index cf98b86382..0a06dc3087 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -171,7 +171,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/content/index.html">Content</a></li>
   </ul>
@@ -693,8 +693,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce2854b222bd21442d08249e21deaee6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2854b222bd21442d08249e21deaee6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b97c17f95d81c88602656bace7da7abe" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b97c17f95d81c88602656bace7da7abe"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -704,8 +704,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff842ace19a30889c59adb66972455be" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff842ace19a30889c59adb66972455be"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-15acea8948b856d93fdc4e6a28144adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-15acea8948b856d93fdc4e6a28144adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -717,8 +717,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-347be425b9c156a62fc8351b4cfffc39" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-347be425b9c156a62fc8351b4cfffc39"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-88e4159b0078b7e73135a186b234c8bd" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-88e4159b0078b7e73135a186b234c8bd"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -730,8 +730,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-46ebe147d205d521cc04285ff53a299f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ebe147d205d521cc04285ff53a299f"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-89c913dc4d59d920d8d664f2cff9ce3d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-89c913dc4d59d920d8d664f2cff9ce3d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -739,8 +739,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2c50144da37a76fa97590e18395be94e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2c50144da37a76fa97590e18395be94e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9cc55463a08579712d1b3dbe1ad0a275" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9cc55463a08579712d1b3dbe1ad0a275"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -748,8 +748,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-768659071e7ca8eaa1fed014dc1e79c7" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768659071e7ca8eaa1fed014dc1e79c7"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c239f1f503829fe62d8ad303ad1b6aa6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c239f1f503829fe62d8ad303ad1b6aa6"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -760,8 +760,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bc20e6f82877df8ce1a0960d7f07b30b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc20e6f82877df8ce1a0960d7f07b30b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-f8c508baa54eec0b6b534733e9df937f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8c508baa54eec0b6b534733e9df937f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -770,8 +770,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-395a3322f02648a407d37258e69cb484" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-395a3322f02648a407d37258e69cb484"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c7f2b3fdb091098f69782cd3cc1059d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c7f2b3fdb091098f69782cd3cc1059d"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -780,8 +780,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d887fa9cfcc2e6684347fc0ee85956d4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d887fa9cfcc2e6684347fc0ee85956d4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-df89f4db8c8de9637c817fdb93398f51" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-df89f4db8c8de9637c817fdb93398f51"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -790,8 +790,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cbbf1d203dcf49ab6b2a91ab64996a7a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cbbf1d203dcf49ab6b2a91ab64996a7a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bbc17de800d07c58f3f824c136c8af46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bbc17de800d07c58f3f824c136c8af46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -803,14 +803,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d60c31b9aec6ec93eed7b461e1ac04f8" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d60c31b9aec6ec93eed7b461e1ac04f8"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-289bc9489d92b8fbeedc3b2b21eb7d5a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-289bc9489d92b8fbeedc3b2b21eb7d5a"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2680bedb3fd008632f6bf4119a150848" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2680bedb3fd008632f6bf4119a150848"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-c24b2265ea144990d1ccdca2237fc904" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c24b2265ea144990d1ccdca2237fc904"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b39ba0aabd2ae689dbea427533d4beb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b39ba0aabd2ae689dbea427533d4beb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-480203f107155631781deef500a7dd44" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-480203f107155631781deef500a7dd44"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-99728babc059811f9b80a882474c6e4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-99728babc059811f9b80a882474c6e4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-1ee00b466cc0aa93b879a237f8fb4a6a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ee00b466cc0aa93b879a237f8fb4a6a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -819,8 +819,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a9d53c161d6cf83d80bbc20c43021f12" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a9d53c161d6cf83d80bbc20c43021f12"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-60845f8792e4a913c078dc0492710f16" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-60845f8792e4a913c078dc0492710f16"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -931,12 +931,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1093,13 +1093,13 @@ line 3 of code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index dba7dafdfd..7dec5374f4 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/content/index.html">Content</a></li>
   </ul>
@@ -601,8 +601,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce2854b222bd21442d08249e21deaee6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2854b222bd21442d08249e21deaee6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b97c17f95d81c88602656bace7da7abe" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b97c17f95d81c88602656bace7da7abe"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -612,8 +612,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff842ace19a30889c59adb66972455be" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff842ace19a30889c59adb66972455be"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-15acea8948b856d93fdc4e6a28144adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-15acea8948b856d93fdc4e6a28144adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -625,8 +625,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-347be425b9c156a62fc8351b4cfffc39" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-347be425b9c156a62fc8351b4cfffc39"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-88e4159b0078b7e73135a186b234c8bd" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-88e4159b0078b7e73135a186b234c8bd"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -638,8 +638,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-46ebe147d205d521cc04285ff53a299f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ebe147d205d521cc04285ff53a299f"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-89c913dc4d59d920d8d664f2cff9ce3d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-89c913dc4d59d920d8d664f2cff9ce3d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -647,8 +647,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2c50144da37a76fa97590e18395be94e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2c50144da37a76fa97590e18395be94e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9cc55463a08579712d1b3dbe1ad0a275" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9cc55463a08579712d1b3dbe1ad0a275"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -656,8 +656,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-768659071e7ca8eaa1fed014dc1e79c7" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768659071e7ca8eaa1fed014dc1e79c7"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c239f1f503829fe62d8ad303ad1b6aa6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c239f1f503829fe62d8ad303ad1b6aa6"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -668,8 +668,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bc20e6f82877df8ce1a0960d7f07b30b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc20e6f82877df8ce1a0960d7f07b30b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-f8c508baa54eec0b6b534733e9df937f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8c508baa54eec0b6b534733e9df937f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -678,8 +678,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-395a3322f02648a407d37258e69cb484" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-395a3322f02648a407d37258e69cb484"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c7f2b3fdb091098f69782cd3cc1059d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c7f2b3fdb091098f69782cd3cc1059d"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -688,8 +688,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d887fa9cfcc2e6684347fc0ee85956d4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d887fa9cfcc2e6684347fc0ee85956d4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-df89f4db8c8de9637c817fdb93398f51" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-df89f4db8c8de9637c817fdb93398f51"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -698,8 +698,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cbbf1d203dcf49ab6b2a91ab64996a7a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cbbf1d203dcf49ab6b2a91ab64996a7a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bbc17de800d07c58f3f824c136c8af46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bbc17de800d07c58f3f824c136c8af46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -711,14 +711,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d60c31b9aec6ec93eed7b461e1ac04f8" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d60c31b9aec6ec93eed7b461e1ac04f8"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-289bc9489d92b8fbeedc3b2b21eb7d5a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-289bc9489d92b8fbeedc3b2b21eb7d5a"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2680bedb3fd008632f6bf4119a150848" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2680bedb3fd008632f6bf4119a150848"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-c24b2265ea144990d1ccdca2237fc904" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c24b2265ea144990d1ccdca2237fc904"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b39ba0aabd2ae689dbea427533d4beb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b39ba0aabd2ae689dbea427533d4beb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-480203f107155631781deef500a7dd44" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-480203f107155631781deef500a7dd44"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-99728babc059811f9b80a882474c6e4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-99728babc059811f9b80a882474c6e4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-1ee00b466cc0aa93b879a237f8fb4a6a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ee00b466cc0aa93b879a237f8fb4a6a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -727,8 +727,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a9d53c161d6cf83d80bbc20c43021f12" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a9d53c161d6cf83d80bbc20c43021f12"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-60845f8792e4a913c078dc0492710f16" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-60845f8792e4a913c078dc0492710f16"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -758,8 +758,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 578040c835..fa1d0a9ea2 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -341,12 +341,12 @@ However, if you want to keep the title but change its value, it can be overridde
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -503,13 +503,13 @@ However, if you want to keep the title but change its value, it can be overridde
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index aa5598e1e7..4fb627ecdf 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -214,8 +214,8 @@ However, if you want to keep the title but change its value, it can be overridde
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index bc3a66f565..b52f3d42db 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,8 +212,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-8255066b7cb1bbb6c92ffb4d5931515e" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8255066b7cb1bbb6c92ffb4d5931515e"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-297c27e5b646734782f7c1c53ee25397" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-297c27e5b646734782f7c1c53ee25397"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -335,12 +335,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -497,13 +497,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index f76516c1f3..fe77e24f87 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,8 +158,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-8255066b7cb1bbb6c92ffb4d5931515e" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8255066b7cb1bbb6c92ffb4d5931515e"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-297c27e5b646734782f7c1c53ee25397" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-297c27e5b646734782f7c1c53ee25397"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -200,8 +200,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 19147e0789..cc5071eb16 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,7 +130,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/tutorial/index.html">tutorial</a></li>
   </ul>
@@ -186,7 +186,17 @@
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on the outermost generated HTML element.</td>
+<td>Additional CSS classes set on the outermost generated HTML element.<br><br>If set to <code>tags</code> you will get the visuals for displaying the <em>tags</em> taxonomy, otherwise it will be a simple list of links as for the <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>The style scheme used if <strong>class</strong> is <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used if <strong>class</strong> is <code>tags</code>. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td><strong>icon</strong></td>
@@ -197,7 +207,7 @@
 </table>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/content/index.html">content</a></li>
@@ -291,12 +301,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -453,13 +463,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index fe1c4364b8..93b7cd8b40 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/tutorial/index.html">tutorial</a></li>
   </ul>
@@ -135,7 +135,17 @@
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on the outermost generated HTML element.</td>
+<td>Additional CSS classes set on the outermost generated HTML element.<br><br>If set to <code>tags</code> you will get the visuals for displaying the <em>tags</em> taxonomy, otherwise it will be a simple list of links as for the <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>The style scheme used if <strong>class</strong> is <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used if <strong>class</strong> is <code>tags</code>. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td><strong>icon</strong></td>
@@ -146,7 +156,7 @@
 </table>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../categories/content/index.html">content</a></li>
@@ -159,8 +169,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/css/variant.css b/css/variant.css
index 722518ed4e..b46f4251dd 100644
--- a/css/variant.css
+++ b/css/variant.css
@@ -372,17 +372,22 @@ pre:not(.mermaid) .copy-to-clipboard-button:hover {
     --VARIABLE-BOX-TEXT-color: var(--VARIABLE-BOX-CAPTION-color);
 }
 
+#R-body .tags {
+    --VARIABLE-TAGS-color: var(--INTERNAL-MAIN-BG-color);
+    --VARIABLE-TAGS-BG-color: var(--VARIABLE-BOX-color);
+}
+
 #R-body .tags a.term-link {
-    background-color: var(--INTERNAL-TAG-BG-color);
-    color: var(--INTERNAL-MAIN-BG-color);
+    background-color: var(--VARIABLE-TAGS-BG-color);
+    color: var(--VARIABLE-TAGS-color);
 }
 
 #R-body .tags a.term-link:before {
-    border-right-color: var(--INTERNAL-TAG-BG-color);
+    border-right-color: var(--VARIABLE-TAGS-BG-color);
 }
 
 #R-body .tags a.term-link:after {
-    background-color: var(--INTERNAL-MAIN-BG-color);
+    background-color: var(--VARIABLE-TAGS-color);
 }
 
 .badge > * {
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 3185dbb758..90a8e7c77e 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -332,12 +332,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 17b3bff665..4af68b1632 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,8 +206,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 2eb6ee9133..efc6318c61 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 561df37c9f..da122ab9f8 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../js/url.js?1696362808"></script>
-    <script src="../js/variant.js?1696362808"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -462,8 +462,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-e8646c7fb36e01d07b796647bc087779" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8646c7fb36e01d07b796647bc087779"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d343fdb9820ae6e606ac17e609f573e0" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d343fdb9820ae6e606ac17e609f573e0"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -492,11 +492,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-38f6e80be12ff110756cc32b0312ffdc" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38f6e80be12ff110756cc32b0312ffdc"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2db5097840a28e661c183e87b9b8ba43" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2db5097840a28e661c183e87b9b8ba43"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-4395858c6558bf29da06e7f18069a32a" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4395858c6558bf29da06e7f18069a32a"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d7eb56bfbd4901a0a7ff08439214f9ec" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7eb56bfbd4901a0a7ff08439214f9ec"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -506,8 +506,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../js/theme.js?1696362809" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index e60db22ed6..d285e3ffc6 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -419,12 +419,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -585,13 +585,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 2fa1bb55e7..c243dc740a 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -282,8 +282,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index c73487c550..bf21963dd3 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -167,8 +167,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-e8646c7fb36e01d07b796647bc087779" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8646c7fb36e01d07b796647bc087779"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d343fdb9820ae6e606ac17e609f573e0" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d343fdb9820ae6e606ac17e609f573e0"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -197,11 +197,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-38f6e80be12ff110756cc32b0312ffdc" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38f6e80be12ff110756cc32b0312ffdc"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2db5097840a28e661c183e87b9b8ba43" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2db5097840a28e661c183e87b9b8ba43"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-4395858c6558bf29da06e7f18069a32a" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4395858c6558bf29da06e7f18069a32a"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d7eb56bfbd4901a0a7ff08439214f9ec" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7eb56bfbd4901a0a7ff08439214f9ec"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -291,12 +291,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -457,13 +457,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 7baa30a09b..fd693aadef 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,8 +112,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-e8646c7fb36e01d07b796647bc087779" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8646c7fb36e01d07b796647bc087779"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d343fdb9820ae6e606ac17e609f573e0" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d343fdb9820ae6e606ac17e609f573e0"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -142,11 +142,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-38f6e80be12ff110756cc32b0312ffdc" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38f6e80be12ff110756cc32b0312ffdc"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2db5097840a28e661c183e87b9b8ba43" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2db5097840a28e661c183e87b9b8ba43"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-4395858c6558bf29da06e7f18069a32a" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4395858c6558bf29da06e7f18069a32a"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d7eb56bfbd4901a0a7ff08439214f9ec" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7eb56bfbd4901a0a7ff08439214f9ec"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -155,8 +155,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 8da989d7bc..1e556779bb 100644
--- a/index.html
+++ b/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="./css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696362807" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696362807" rel="stylesheet">
-    <link href="./css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1696362807" rel="stylesheet">
-    <script src="./js/url.js?1696362807"></script>
-    <script src="./js/variant.js?1696362807"></script>
+    <link href="./css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="./css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696366255" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696366255" rel="stylesheet">
+    <link href="./css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696366255" rel="stylesheet">
+    <script src="./js/url.js?1696366255"></script>
+    <script src="./js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -131,8 +131,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-4db1dae61f925833f255dbcf5a975870" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4db1dae61f925833f255dbcf5a975870"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a7a64cf4b1ff68109587aa32cda6287f" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7a64cf4b1ff68109587aa32cda6287f"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -307,12 +307,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1696362808" defer></script>
-        <script src="./js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="./js/search.js?1696362808" defer></script>
+        <script src="./js/auto-complete.js?1696366255" defer></script>
+        <script src="./js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="./js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -469,13 +469,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1696362808"></script>
+          <script async src="./js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1696362808" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="./js/theme.js?1696362808" defer></script>
+    <script src="./js/clipboard.min.js?1696366255" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="./js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 7b1e5ed582..867dc03fe4 100644
--- a/index.print.html
+++ b/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="./css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696362808" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696362808" rel="stylesheet">
-    <link href="./css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1696362808" rel="stylesheet">
-    <link href="./css/ie.css?1696362808" rel="stylesheet">
-    <script src="./js/url.js?1696362808"></script>
-    <script src="./js/variant.js?1696362808"></script>
+    <link href="./css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="./css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696366256" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696366256" rel="stylesheet">
+    <link href="./css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1696366256" rel="stylesheet">
+    <link href="./css/ie.css?1696366256" rel="stylesheet">
+    <script src="./js/url.js?1696366256"></script>
+    <script src="./js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,8 +82,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-4db1dae61f925833f255dbcf5a975870" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4db1dae61f925833f255dbcf5a975870"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a7a64cf4b1ff68109587aa32cda6287f" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7a64cf4b1ff68109587aa32cda6287f"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -983,11 +983,11 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e61b9acbda966ff29f93cf0942062841" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e61b9acbda966ff29f93cf0942062841"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9c4c2b88261e042508e99849aed511dc" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c4c2b88261e042508e99849aed511dc"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="./categories/basic/index.html">basic</a></li>
@@ -998,7 +998,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/documentation/index.html">documentation</a></li>
   </ul>
@@ -1032,8 +1032,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-2b5ec871c6f886704ff5e1f2e4dd8059" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b5ec871c6f886704ff5e1f2e4dd8059"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-70434125a4717d51dd0ad21e1b7673e1" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-70434125a4717d51dd0ad21e1b7673e1"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1068,7 +1068,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/config/index.html">config</a></li>
   </ul>
@@ -1190,8 +1190,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-dd4f6637d378d766f8c180d1a8dbf42b" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd4f6637d378d766f8c180d1a8dbf42b"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0057763fd2efe9c69e0ddcdb93f5cb69" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0057763fd2efe9c69e0ddcdb93f5cb69"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1236,8 +1236,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-3a48a2b473e432ebc20573ca20d5034b" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3a48a2b473e432ebc20573ca20d5034b"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6ac1177dab3c307a4f671cd725bf3a28" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6ac1177dab3c307a4f671cd725bf3a28"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -1342,7 +1342,7 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="./categories/custom/index.html">custom</a></li>
@@ -1360,13 +1360,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-bc66495e10cfed3e6c84e61afe576bfb" aria-controls="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" >
-    <label class="expand-label" for="R-expand-bc66495e10cfed3e6c84e61afe576bfb" >
+    <input type="checkbox" id="R-expand-a3bce35e7aa01c8823d6cd48614e1665" aria-controls="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" >
+    <label class="expand-label" for="R-expand-a3bce35e7aa01c8823d6cd48614e1665" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-bc66495e10cfed3e6c84e61afe576bfb" class="expand-content">
+    <div id="R-expandcontent-a3bce35e7aa01c8823d6cd48614e1665" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -1411,7 +1411,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 </script>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="./categories/theming/index.html">theming</a></li>
@@ -1426,8 +1426,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-451c854eb099a877d77fac35b0e65521" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-451c854eb099a877d77fac35b0e65521"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-43e8dab5041326febb346f585c62c725" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-43e8dab5041326febb346f585c62c725"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -1439,8 +1439,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-37356a7c023bae22460b767bbe359371" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-37356a7c023bae22460b767bbe359371"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0ca8d8cc7f0f730a448e09ea71d29c74" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ca8d8cc7f0f730a448e09ea71d29c74"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -3131,8 +3131,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-8255066b7cb1bbb6c92ffb4d5931515e" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8255066b7cb1bbb6c92ffb4d5931515e"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-297c27e5b646734782f7c1c53ee25397" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-297c27e5b646734782f7c1c53ee25397"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -3180,8 +3180,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b07faf8eb85a877f874f43389fd0af0a" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b07faf8eb85a877f874f43389fd0af0a"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-da3953347830899b926232b94e0f32ec" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-da3953347830899b926232b94e0f32ec"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3191,8 +3191,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-badb23911d436312d13a148c13591901" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-badb23911d436312d13a148c13591901"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7af03085f8fc9fc1b7adedbd61800663" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7af03085f8fc9fc1b7adedbd61800663"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3204,8 +3204,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4f58e39123e3803d2a66c75342ab6012" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f58e39123e3803d2a66c75342ab6012"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fb965cada307587e9c8573eaec2b4b34" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb965cada307587e9c8573eaec2b4b34"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -3255,7 +3255,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/content/index.html">Content</a></li>
   </ul>
@@ -3777,8 +3777,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce2854b222bd21442d08249e21deaee6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2854b222bd21442d08249e21deaee6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b97c17f95d81c88602656bace7da7abe" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b97c17f95d81c88602656bace7da7abe"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -3788,8 +3788,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff842ace19a30889c59adb66972455be" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff842ace19a30889c59adb66972455be"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-15acea8948b856d93fdc4e6a28144adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-15acea8948b856d93fdc4e6a28144adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3801,8 +3801,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-347be425b9c156a62fc8351b4cfffc39" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-347be425b9c156a62fc8351b4cfffc39"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-88e4159b0078b7e73135a186b234c8bd" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-88e4159b0078b7e73135a186b234c8bd"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3814,8 +3814,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-46ebe147d205d521cc04285ff53a299f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ebe147d205d521cc04285ff53a299f"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-89c913dc4d59d920d8d664f2cff9ce3d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-89c913dc4d59d920d8d664f2cff9ce3d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3823,8 +3823,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2c50144da37a76fa97590e18395be94e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2c50144da37a76fa97590e18395be94e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9cc55463a08579712d1b3dbe1ad0a275" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9cc55463a08579712d1b3dbe1ad0a275"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3832,8 +3832,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-768659071e7ca8eaa1fed014dc1e79c7" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768659071e7ca8eaa1fed014dc1e79c7"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c239f1f503829fe62d8ad303ad1b6aa6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c239f1f503829fe62d8ad303ad1b6aa6"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3844,8 +3844,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bc20e6f82877df8ce1a0960d7f07b30b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc20e6f82877df8ce1a0960d7f07b30b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-f8c508baa54eec0b6b534733e9df937f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8c508baa54eec0b6b534733e9df937f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3854,8 +3854,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-395a3322f02648a407d37258e69cb484" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-395a3322f02648a407d37258e69cb484"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c7f2b3fdb091098f69782cd3cc1059d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c7f2b3fdb091098f69782cd3cc1059d"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3864,8 +3864,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d887fa9cfcc2e6684347fc0ee85956d4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d887fa9cfcc2e6684347fc0ee85956d4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-df89f4db8c8de9637c817fdb93398f51" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-df89f4db8c8de9637c817fdb93398f51"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3874,8 +3874,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cbbf1d203dcf49ab6b2a91ab64996a7a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cbbf1d203dcf49ab6b2a91ab64996a7a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bbc17de800d07c58f3f824c136c8af46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bbc17de800d07c58f3f824c136c8af46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3887,14 +3887,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d60c31b9aec6ec93eed7b461e1ac04f8" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d60c31b9aec6ec93eed7b461e1ac04f8"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-289bc9489d92b8fbeedc3b2b21eb7d5a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-289bc9489d92b8fbeedc3b2b21eb7d5a"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2680bedb3fd008632f6bf4119a150848" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2680bedb3fd008632f6bf4119a150848"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-c24b2265ea144990d1ccdca2237fc904" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c24b2265ea144990d1ccdca2237fc904"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b39ba0aabd2ae689dbea427533d4beb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b39ba0aabd2ae689dbea427533d4beb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-480203f107155631781deef500a7dd44" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-480203f107155631781deef500a7dd44"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-99728babc059811f9b80a882474c6e4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-99728babc059811f9b80a882474c6e4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-1ee00b466cc0aa93b879a237f8fb4a6a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ee00b466cc0aa93b879a237f8fb4a6a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -3903,8 +3903,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a9d53c161d6cf83d80bbc20c43021f12" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a9d53c161d6cf83d80bbc20c43021f12"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-60845f8792e4a913c078dc0492710f16" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-60845f8792e4a913c078dc0492710f16"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3943,13 +3943,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="b47f61087921cbf10ff644131bc32933">
+<div class="tab-panel" data-tab-group="244edb842176247501d43fcb173d9330">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b47f61087921cbf10ff644131bc32933','configtoml')"
+      onclick="switchTab('244edb842176247501d43fcb173d9330','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -3970,13 +3970,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="412706400fcf26a2faee906dde09be49">
+<div class="tab-panel" data-tab-group="6485cca89c0bb3740116df729a9e0b68">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('412706400fcf26a2faee906dde09be49','frontmatter')"
+      onclick="switchTab('6485cca89c0bb3740116df729a9e0b68','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -3996,13 +3996,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="ac56f7aa535873542fc464040edc95b8">
+<div class="tab-panel" data-tab-group="1b4a0e232114b588b625a5a9ab3da75b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ac56f7aa535873542fc464040edc95b8','url')"
+      onclick="switchTab('1b4a0e232114b588b625a5a9ab3da75b','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -4019,13 +4019,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a64b9e4d0a7f5b4e2978632a06bf9ef4">
+<div class="tab-panel" data-tab-group="445b9f020589845d550243fb686348de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a64b9e4d0a7f5b4e2978632a06bf9ef4','result')"
+      onclick="switchTab('445b9f020589845d550243fb686348de','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -4045,13 +4045,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="f66dda6a4286e687326ce4a3c9d3eb8c">
+<div class="tab-panel" data-tab-group="75c99e9e2cfcf444ae3885fbc693b197">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f66dda6a4286e687326ce4a3c9d3eb8c','html')"
+      onclick="switchTab('75c99e9e2cfcf444ae3885fbc693b197','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -4226,8 +4226,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-4a7454f6d6adc50b559c732642b0f807" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7454f6d6adc50b559c732642b0f807"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b22d96af2f941fd02473589c6c2ac65" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b22d96af2f941fd02473589c6c2ac65"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -4326,7 +4326,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/tutorial/index.html">tutorial</a></li>
   </ul>
@@ -4382,7 +4382,17 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on the outermost generated HTML element.</td>
+<td>Additional CSS classes set on the outermost generated HTML element.<br><br>If set to <code>tags</code> you will get the visuals for displaying the <em>tags</em> taxonomy, otherwise it will be a simple list of links as for the <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>The style scheme used if <strong>class</strong> is <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used if <strong>class</strong> is <code>tags</code>. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td><strong>icon</strong></td>
@@ -4393,7 +4403,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 </table>
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="./categories/content/index.html">content</a></li>
@@ -5426,7 +5436,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of Children</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
   </ul>
@@ -5442,7 +5452,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5467,7 +5477,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5494,7 +5504,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/headless/index.html">headless</a></li>
@@ -5513,7 +5523,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5530,7 +5540,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5548,7 +5558,7 @@ So its content is used as description.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5567,7 +5577,7 @@ So its content is used as description.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5585,7 +5595,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5610,7 +5620,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="./tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="./tags/non-hidden/index.html">non-hidden</a></li>
@@ -5635,13 +5645,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-56e89295aa3d14627c491e8c7faf127c" aria-controls="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" >
-    <label class="expand-label" for="R-expand-56e89295aa3d14627c491e8c7faf127c" >
+    <input type="checkbox" id="R-expand-cac0f14866a922805a1a20e92d487379" aria-controls="R-expandcontent-cac0f14866a922805a1a20e92d487379" >
+    <label class="expand-label" for="R-expand-cac0f14866a922805a1a20e92d487379" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" class="expand-content">
+    <div id="R-expandcontent-cac0f14866a922805a1a20e92d487379" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -5759,26 +5769,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3eb7c45967cd29409313df326f2ab805" aria-controls="R-expandcontent-3eb7c45967cd29409313df326f2ab805" >
-    <label class="expand-label" for="R-expand-3eb7c45967cd29409313df326f2ab805" >
+    <input type="checkbox" id="R-expand-201fc2a3250fd72d675187d0ea67ca96" aria-controls="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" >
+    <label class="expand-label" for="R-expand-201fc2a3250fd72d675187d0ea67ca96" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3eb7c45967cd29409313df326f2ab805" class="expand-content">
+    <div id="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-311c6f77f00418ae7dff2937e8c0d74e" aria-controls="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e"  checked>
-    <label class="expand-label" for="R-expand-311c6f77f00418ae7dff2937e8c0d74e" >
+    <input type="checkbox" id="R-expand-e310d85c7d15881bfd23f59bd7743e1c" aria-controls="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c"  checked>
+    <label class="expand-label" for="R-expand-e310d85c7d15881bfd23f59bd7743e1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e" class="expand-content">
+    <div id="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5799,13 +5809,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" aria-controls="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
-    <label class="expand-label" for="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
+    <input type="checkbox" id="R-expand-3d3bf6085113755fdfb3852a5306b7a6" aria-controls="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" >
+    <label class="expand-label" for="R-expand-3d3bf6085113755fdfb3852a5306b7a6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" class="expand-content">
+    <div id="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5833,13 +5843,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3ea5e419f9b2c2c446863a66f7def2c4">
+<div class="tab-panel" data-tab-group="8512d6b6b9c2a606b11497e42ec3484c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3ea5e419f9b2c2c446863a66f7def2c4','python')"
+      onclick="switchTab('8512d6b6b9c2a606b11497e42ec3484c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -6044,13 +6054,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="fa61febf3ea11594ce18e050e243def8">
+<div class="tab-panel" data-tab-group="80b03a80590250d892e236ba3a43a7e6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fa61febf3ea11594ce18e050e243def8','python')"
+      onclick="switchTab('80b03a80590250d892e236ba3a43a7e6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -7529,7 +7539,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-eb12a5455bf4fdd5b4d9534f4557b95f"
+    id="R-openapi-5ab6a582a148835af09f86585f5718dc"
     data-openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7625,13 +7635,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3d7c65941e372399284bbce068957167">
+<div class="tab-panel" data-tab-group="4453ee255dac295f6e76469c1004de80">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3d7c65941e372399284bbce068957167','configtoml')"
+      onclick="switchTab('4453ee255dac295f6e76469c1004de80','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -7663,13 +7673,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="aafeaff4da8a791ac9cc17dac009ecb6">
+<div class="tab-panel" data-tab-group="a23c051b28847a40c31752f81f6c29d9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aafeaff4da8a791ac9cc17dac009ecb6','c')"
+      onclick="switchTab('a23c051b28847a40c31752f81f6c29d9','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -7774,13 +7784,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="41327aeb99a6a6f1b2d548e6041771fa">
+<div class="tab-panel" data-tab-group="d4024711242dee45879a621aabeed9df">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('41327aeb99a6a6f1b2d548e6041771fa','code')"
+      onclick="switchTab('d4024711242dee45879a621aabeed9df','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -7802,13 +7812,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="64fd2d70ce87acfcd398c64cd82e76b8">
+<div class="tab-panel" data-tab-group="c32128fe34e16f9d01475458d1bebfed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('64fd2d70ce87acfcd398c64cd82e76b8','mixed')"
+      onclick="switchTab('c32128fe34e16f9d01475458d1bebfed','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -7853,41 +7863,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="592da2e2211f98a5b3c5cc494087d4d8">
+<div class="tab-panel" data-tab-group="5d33b0dfc469aabfce0f39eb342ac650">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-colored-style')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','default-style-and-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -7954,27 +7964,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="195c34c3e337a41ae733c75d1a38ec10">
+<div class="tab-panel" data-tab-group="faab840d9c45c471b53382114faca751">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','py')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','sh')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','c')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8122,27 +8132,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="bfe17cf04753d4b3ef49ea73a4ffec1b">
+<div class="tab-panel" data-tab-group="d2faef046b508210050883c9678da537">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-1')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-2')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-b')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -8499,8 +8509,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1696362809" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1696362809" defer></script>
+    <script src="./js/clipboard.min.js?1696366256" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696366256" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8529,27 +8539,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1696362809"></script>
-    <script src="./js/d3/d3-color.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1696362809" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1696362809" defer></script>
-    <script src="./js/js-yaml.min.js?1696362809" defer></script>
-    <script src="./js/mermaid.min.js?1696362809" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1696366256"></script>
+    <script src="./js/d3/d3-color.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1696366256" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1696366256" defer></script>
+    <script src="./js/js-yaml.min.js?1696366256" defer></script>
+    <script src="./js/mermaid.min.js?1696366256" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1696362809" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1696362809" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1696366256" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1696366256" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362809", assetsBuster:  1696362809  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366256", assetsBuster:  1696366256  };
     </script>
-    <script src="./js/theme.js?1696362809" defer></script>
+    <script src="./js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index 622001cd8a..78b5c9bbac 100644
--- a/index.search.js
+++ b/index.search.js
@@ -101,7 +101,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Content",
-    "content": "The Relearn theme supports Hugo’s default taxonomies tag and category out of the box.\nConfiguration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.\n+++ categories = [\"taxonomy\", \"content\"] tags = \"tutorial\" title = \"Taxonomy\" +++Behavior The tags are displayed at the top of the page in alphabetical order.\nThe categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own content-footer.html partial.\nEach item is a link to a taxonomy page displaying all the articles with the given term.\nList all the tags In the config.toml file you can add a shortcut to display all the tags and categories\n[[menu.shortcuts]] name = \"\u003ci class='fas fa-tags'\u003e\u003c/i\u003e Tags\" url = \"/tags\" [[menu.shortcuts]] name = \"\u003ci class='fas fa-list'\u003e\u003c/i\u003e Categories\" url = \"/categories\"Customization If you define custom taxonomies and want to display a list of them somewhere on your page (often in the layouts/partials/content-footer.html) you can call a partial that does the job for you:\n{{- partial \"term-list.html\" (dict \"page\" . \"taxonomy\" \"categories\" \"icon\" \"list\" ) }}Parameter Name Default Notes page \u003cempty\u003e Mandatory reference to the page. taxonomy \u003cempty\u003e The plural name of the taxonomy to display as used in your frontmatter. class \u003cempty\u003e Additional CSS classes set on the outermost generated HTML element. icon \u003cempty\u003e An optional Font Awesome icon name set to the left of the list. ",
+    "content": "The Relearn theme supports Hugo’s default taxonomies tag and category out of the box.\nConfiguration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.\n+++ categories = [\"taxonomy\", \"content\"] tags = \"tutorial\" title = \"Taxonomy\" +++Behavior The tags are displayed at the top of the page in alphabetical order.\nThe categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own content-footer.html partial.\nEach item is a link to a taxonomy page displaying all the articles with the given term.\nList all the tags In the config.toml file you can add a shortcut to display all the tags and categories\n[[menu.shortcuts]] name = \"\u003ci class='fas fa-tags'\u003e\u003c/i\u003e Tags\" url = \"/tags\" [[menu.shortcuts]] name = \"\u003ci class='fas fa-list'\u003e\u003c/i\u003e Categories\" url = \"/categories\"Customization If you define custom taxonomies and want to display a list of them somewhere on your page (often in the layouts/partials/content-footer.html) you can call a partial that does the job for you:\n{{- partial \"term-list.html\" (dict \"page\" . \"taxonomy\" \"categories\" \"icon\" \"list\" ) }}Parameter Name Default Notes page \u003cempty\u003e Mandatory reference to the page. taxonomy \u003cempty\u003e The plural name of the taxonomy to display as used in your frontmatter. class \u003cempty\u003e Additional CSS classes set on the outermost generated HTML element.\nIf set to tags you will get the visuals for displaying the tags taxonomy, otherwise it will be a simple list of links as for the categories taxonomy. style primary The style scheme used if class is tags.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used if class is tags. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color icon \u003cempty\u003e An optional Font Awesome icon name set to the left of the list. ",
     "description": "",
     "tags": "tutorial",
     "title": "Taxonomy",
diff --git a/more/credits/index.html b/more/credits/index.html
index c610f22b2a..544c73b69d 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -272,12 +272,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -434,13 +434,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 5476358cae..be24376dfe 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -144,8 +144,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index d0b3351eac..cb8e0b188a 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../js/url.js?1696362809"></script>
-    <script src="../js/variant.js?1696362809"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index c97989b195..ac0d5c73b7 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,7 +142,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/config/index.html">config</a></li>
   </ul>
@@ -265,8 +265,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-d76fd48b0f9fd763b2fb262a99190979" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d76fd48b0f9fd763b2fb262a99190979"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-eb532ab373c495f4777253f2078821e6" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb532ab373c495f4777253f2078821e6"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -311,8 +311,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-31141017310cfa0a5b5b0915a4d472b0" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31141017310cfa0a5b5b0915a4d472b0"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a6c269075ed9b6ab55b986f23e1e5c2f" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a6c269075ed9b6ab55b986f23e1e5c2f"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -403,12 +403,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -565,13 +565,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 1dec67a7ac..b967e84722 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/config/index.html">config</a></li>
   </ul>
@@ -202,8 +202,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-d76fd48b0f9fd763b2fb262a99190979" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d76fd48b0f9fd763b2fb262a99190979"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-eb532ab373c495f4777253f2078821e6" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb532ab373c495f4777253f2078821e6"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -248,8 +248,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-31141017310cfa0a5b5b0915a4d472b0" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31141017310cfa0a5b5b0915a4d472b0"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a6c269075ed9b6ab55b986f23e1e5c2f" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a6c269075ed9b6ab55b986f23e1e5c2f"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -259,8 +259,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 5a28c08bc6..419269496f 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,7 +233,7 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/custom/index.html">custom</a></li>
@@ -327,12 +327,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -489,13 +489,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index ea7e442a3b..9bba2fa811 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -178,7 +178,7 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/custom/index.html">custom</a></li>
@@ -191,8 +191,8 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index a5b985481e..a32a05ddf9 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,13 +125,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-3b5269870016be4c3078b27edb08c4b1" aria-controls="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" >
-    <label class="expand-label" for="R-expand-3b5269870016be4c3078b27edb08c4b1" >
+    <input type="checkbox" id="R-expand-0bbd3de329c5bfa85f371729f2beeec3" aria-controls="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" >
+    <label class="expand-label" for="R-expand-0bbd3de329c5bfa85f371729f2beeec3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" class="expand-content">
+    <div id="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -177,7 +177,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/theming/index.html">theming</a></li>
@@ -270,12 +270,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -432,27 +432,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696362810" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696362810" defer></script>
-    <script src="../../../js/mermaid.min.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696366257" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696366257" defer></script>
+    <script src="../../../js/mermaid.min.js?1696366257" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index d93e630c04..9c8f300dca 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,13 +86,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-3b5269870016be4c3078b27edb08c4b1" aria-controls="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" >
-    <label class="expand-label" for="R-expand-3b5269870016be4c3078b27edb08c4b1" >
+    <input type="checkbox" id="R-expand-0bbd3de329c5bfa85f371729f2beeec3" aria-controls="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" >
+    <label class="expand-label" for="R-expand-0bbd3de329c5bfa85f371729f2beeec3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" class="expand-content">
+    <div id="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -138,7 +138,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/theming/index.html">theming</a></li>
@@ -150,22 +150,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696362812" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696362812" defer></script>
-    <script src="../../../js/mermaid.min.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696366259" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696366259" defer></script>
+    <script src="../../../js/mermaid.min.js?1696366259" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 3a14581cea..28cd7a816d 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2172,12 +2172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2334,13 +2334,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 1c40aaae16..e25500033b 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1362,8 +1362,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index c4b2bbce43..0312104186 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../js/search.js?1696362810" defer></script>
+        <script src="../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../js/theme.js?1696362810" defer></script>
+    <script src="../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index f5ae04b1a2..dfa565d563 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../js/url.js?1696362812"></script>
-    <script src="../../js/variant.js?1696362812"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../js/url.js?1696366259"></script>
+    <script src="../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -895,12 +895,12 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e4873e6242b87eb1dc40061a99cddbf4" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e4873e6242b87eb1dc40061a99cddbf4"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-355ba5b11c0ac32514269d90573a811e" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-355ba5b11c0ac32514269d90573a811e"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../pir/categories/basic/index.html">basic</a></li>
@@ -911,7 +911,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/documentatn/index.html">documentat&#39;n</a></li>
   </ul>
@@ -946,8 +946,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-805ac6c27a5ce2c1f6396a23ff2b4a24" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-805ac6c27a5ce2c1f6396a23ff2b4a24"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c7f11b7277dbb11c2099c26acd42de89" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c7f11b7277dbb11c2099c26acd42de89"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -983,7 +983,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/config/index.html">config</a></li>
   </ul>
@@ -1106,8 +1106,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-d76fd48b0f9fd763b2fb262a99190979" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d76fd48b0f9fd763b2fb262a99190979"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-eb532ab373c495f4777253f2078821e6" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb532ab373c495f4777253f2078821e6"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1152,8 +1152,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-31141017310cfa0a5b5b0915a4d472b0" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31141017310cfa0a5b5b0915a4d472b0"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a6c269075ed9b6ab55b986f23e1e5c2f" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a6c269075ed9b6ab55b986f23e1e5c2f"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1261,7 +1261,7 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../pir/categories/custom/index.html">custom</a></li>
@@ -1280,13 +1280,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-3b5269870016be4c3078b27edb08c4b1" aria-controls="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" >
-    <label class="expand-label" for="R-expand-3b5269870016be4c3078b27edb08c4b1" >
+    <input type="checkbox" id="R-expand-0bbd3de329c5bfa85f371729f2beeec3" aria-controls="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" >
+    <label class="expand-label" for="R-expand-0bbd3de329c5bfa85f371729f2beeec3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" class="expand-content">
+    <div id="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -1332,7 +1332,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../pir/categories/theming/index.html">theming</a></li>
@@ -1348,8 +1348,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7d81c506020b07e46ff72082ddf6fa8e" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d81c506020b07e46ff72082ddf6fa8e"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bc13fb5baf597d7887f1ac2cda0d0581" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc13fb5baf597d7887f1ac2cda0d0581"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -1361,8 +1361,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-f0c6f8f192f08d3db33be0a9cafed5d5" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0c6f8f192f08d3db33be0a9cafed5d5"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d579d9dad5762a5f6c0def94de354159" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d579d9dad5762a5f6c0def94de354159"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -2964,22 +2964,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696362812" defer></script>
-    <script src="../../js/js-yaml.min.js?1696362812" defer></script>
-    <script src="../../js/mermaid.min.js?1696362812" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696366259" defer></script>
+    <script src="../../js/js-yaml.min.js?1696366259" defer></script>
+    <script src="../../js/mermaid.min.js?1696366259" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696362812" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 0688a28c57..d9b66b3942 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,7 +133,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/documentatn/index.html">documentat&#39;n</a></li>
   </ul>
@@ -168,8 +168,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-805ac6c27a5ce2c1f6396a23ff2b4a24" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-805ac6c27a5ce2c1f6396a23ff2b4a24"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c7f11b7277dbb11c2099c26acd42de89" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c7f11b7277dbb11c2099c26acd42de89"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -287,12 +287,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -449,13 +449,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 88bfa38ef3..c659267171 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/documentatn/index.html">documentat&#39;n</a></li>
   </ul>
@@ -114,8 +114,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-805ac6c27a5ce2c1f6396a23ff2b4a24" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-805ac6c27a5ce2c1f6396a23ff2b4a24"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c7f11b7277dbb11c2099c26acd42de89" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c7f11b7277dbb11c2099c26acd42de89"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -152,8 +152,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 42aa74cd0d..ac11e9cf74 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1044,12 +1044,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1206,13 +1206,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 3da2cb1de4..534c2701d4 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -875,8 +875,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index fbb5fc5e24..f71a8b5a18 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,12 +115,12 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e4873e6242b87eb1dc40061a99cddbf4" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e4873e6242b87eb1dc40061a99cddbf4"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-355ba5b11c0ac32514269d90573a811e" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-355ba5b11c0ac32514269d90573a811e"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/basic/index.html">basic</a></li>
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 7c1e2a71a9..80fcfd8eca 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,12 +85,12 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e4873e6242b87eb1dc40061a99cddbf4" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e4873e6242b87eb1dc40061a99cddbf4"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-355ba5b11c0ac32514269d90573a811e" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-355ba5b11c0ac32514269d90573a811e"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/basic/index.html">basic</a></li>
@@ -102,8 +102,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.html b/pir/basics/topbar/index.html
index 406dda8582..1ee438bcfc 100644
--- a/pir/basics/topbar/index.html
+++ b/pir/basics/topbar/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -144,8 +144,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7d81c506020b07e46ff72082ddf6fa8e" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d81c506020b07e46ff72082ddf6fa8e"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bc13fb5baf597d7887f1ac2cda0d0581" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc13fb5baf597d7887f1ac2cda0d0581"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -157,8 +157,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-f0c6f8f192f08d3db33be0a9cafed5d5" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0c6f8f192f08d3db33be0a9cafed5d5"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d579d9dad5762a5f6c0def94de354159" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d579d9dad5762a5f6c0def94de354159"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -558,12 +558,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -720,13 +720,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.print.html b/pir/basics/topbar/index.print.html
index 3bb01f419a..ac62b5e0eb 100644
--- a/pir/basics/topbar/index.print.html
+++ b/pir/basics/topbar/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7d81c506020b07e46ff72082ddf6fa8e" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d81c506020b07e46ff72082ddf6fa8e"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bc13fb5baf597d7887f1ac2cda0d0581" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc13fb5baf597d7887f1ac2cda0d0581"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -97,8 +97,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-f0c6f8f192f08d3db33be0a9cafed5d5" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0c6f8f192f08d3db33be0a9cafed5d5"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d579d9dad5762a5f6c0def94de354159" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d579d9dad5762a5f6c0def94de354159"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -417,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index de75f180a1..577bfbea11 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index d61b3098f4..1b680a3c74 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 7e32b25018..9802388c56 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 8cd4b8929c..3dd1c5f262 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../js/search.js?1696362811" defer></script>
+        <script src="../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../js/theme.js?1696362811" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 630d905569..63cbcc4d63 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index 6573022276..a1e4533611 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +363,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index ba72f21ce7..475165cb55 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -144,8 +144,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-f284c04a6ea76898e213909d99230520" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f284c04a6ea76898e213909d99230520"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9ebf632af41637c0a03e789a450f79ad" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9ebf632af41637c0a03e789a450f79ad"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -155,8 +155,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f978c773488d10dcf0a2f74a8e0b6dfa" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f978c773488d10dcf0a2f74a8e0b6dfa"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-553721edec6cef194c5a2bcf171270da" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-553721edec6cef194c5a2bcf171270da"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -168,8 +168,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-768fa9479b28c2c17c0a2ffeee919985" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768fa9479b28c2c17c0a2ffeee919985"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3196a38f1fa66b4aff66b22f4fae0cd6" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3196a38f1fa66b4aff66b22f4fae0cd6"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -302,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -464,13 +464,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index c78c1e2250..5e26bdd380 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="canonical" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -88,8 +88,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-f284c04a6ea76898e213909d99230520" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f284c04a6ea76898e213909d99230520"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9ebf632af41637c0a03e789a450f79ad" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9ebf632af41637c0a03e789a450f79ad"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -99,8 +99,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f978c773488d10dcf0a2f74a8e0b6dfa" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f978c773488d10dcf0a2f74a8e0b6dfa"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-553721edec6cef194c5a2bcf171270da" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-553721edec6cef194c5a2bcf171270da"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -112,8 +112,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-768fa9479b28c2c17c0a2ffeee919985" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768fa9479b28c2c17c0a2ffeee919985"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3196a38f1fa66b4aff66b22f4fae0cd6" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3196a38f1fa66b4aff66b22f4fae0cd6"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -165,8 +165,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 46cbfba6d2..8410d4d605 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-0703b85c720fbd9047c1e56b4abf6b75" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0703b85c720fbd9047c1e56b4abf6b75"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e0bc504ef5336e5a90a11b58f66272" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e0bc504ef5336e5a90a11b58f66272"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -324,12 +324,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -486,13 +486,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index a0d5d74ce5..3284412b39 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-0703b85c720fbd9047c1e56b4abf6b75" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0703b85c720fbd9047c1e56b4abf6b75"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e0bc504ef5336e5a90a11b58f66272" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e0bc504ef5336e5a90a11b58f66272"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -192,8 +192,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 1c071fd375..43009264bc 100644
--- a/pir/cont/imageeffects/index.html
+++ b/pir/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -134,13 +134,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e51967f7653ca6e512167f7fb0077e9a">
+<div class="tab-panel" data-tab-group="232aca7034dbde9943ac2bcaef75f729">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e51967f7653ca6e512167f7fb0077e9a','configtoml')"
+      onclick="switchTab('232aca7034dbde9943ac2bcaef75f729','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -161,13 +161,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="2b9b4eb5828414b930f2502c8c0039ae">
+<div class="tab-panel" data-tab-group="bdde6160993835e93173213ca9aba54b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2b9b4eb5828414b930f2502c8c0039ae','frontmatter')"
+      onclick="switchTab('bdde6160993835e93173213ca9aba54b','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -187,13 +187,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="296292e8f44843a5334a9b212ba07e51">
+<div class="tab-panel" data-tab-group="ba4d25f690d33565dfcf8f70d1e9c15e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('296292e8f44843a5334a9b212ba07e51','url')"
+      onclick="switchTab('ba4d25f690d33565dfcf8f70d1e9c15e','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -210,13 +210,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="e4a05a39a62625b9c6329b382cc5f1f0">
+<div class="tab-panel" data-tab-group="64e73a80fafea54881b1e0f98f451272">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e4a05a39a62625b9c6329b382cc5f1f0','result')"
+      onclick="switchTab('64e73a80fafea54881b1e0f98f451272','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -236,13 +236,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="55825e718ec0df1af5de6b259b96086d">
+<div class="tab-panel" data-tab-group="ff1d2554ca4ff06e80bde88b5b641adc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('55825e718ec0df1af5de6b259b96086d','html')"
+      onclick="switchTab('ff1d2554ca4ff06e80bde88b5b641adc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -356,12 +356,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -518,13 +518,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index 96d72f80ce..c6cad2fd88 100644
--- a/pir/cont/imageeffects/index.print.html
+++ b/pir/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,13 +90,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e51967f7653ca6e512167f7fb0077e9a">
+<div class="tab-panel" data-tab-group="232aca7034dbde9943ac2bcaef75f729">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e51967f7653ca6e512167f7fb0077e9a','configtoml')"
+      onclick="switchTab('232aca7034dbde9943ac2bcaef75f729','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -117,13 +117,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="2b9b4eb5828414b930f2502c8c0039ae">
+<div class="tab-panel" data-tab-group="bdde6160993835e93173213ca9aba54b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2b9b4eb5828414b930f2502c8c0039ae','frontmatter')"
+      onclick="switchTab('bdde6160993835e93173213ca9aba54b','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -143,13 +143,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="296292e8f44843a5334a9b212ba07e51">
+<div class="tab-panel" data-tab-group="ba4d25f690d33565dfcf8f70d1e9c15e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('296292e8f44843a5334a9b212ba07e51','url')"
+      onclick="switchTab('ba4d25f690d33565dfcf8f70d1e9c15e','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -166,13 +166,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="e4a05a39a62625b9c6329b382cc5f1f0">
+<div class="tab-panel" data-tab-group="64e73a80fafea54881b1e0f98f451272">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e4a05a39a62625b9c6329b382cc5f1f0','result')"
+      onclick="switchTab('64e73a80fafea54881b1e0f98f451272','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -192,13 +192,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="55825e718ec0df1af5de6b259b96086d">
+<div class="tab-panel" data-tab-group="ff1d2554ca4ff06e80bde88b5b641adc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('55825e718ec0df1af5de6b259b96086d','html')"
+      onclick="switchTab('ff1d2554ca4ff06e80bde88b5b641adc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -231,8 +231,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index fca8fb6c6d..c8b47a6ae7 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.print.html" rel="alternate" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../js/search.js?1696362811" defer></script>
+        <script src="../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../js/theme.js?1696362811" defer></script>
+    <script src="../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 5b0781ad3b..e48526d0f1 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="canonical" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../js/url.js?1696362812"></script>
-    <script src="../../js/variant.js?1696362812"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../js/url.js?1696366259"></script>
+    <script src="../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,8 +174,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-f10039c2657ec0f427dc8e57bccefb02" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f10039c2657ec0f427dc8e57bccefb02"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-45ee354418d138c715d2c020877dedc5" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-45ee354418d138c715d2c020877dedc5"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -225,8 +225,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-f284c04a6ea76898e213909d99230520" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f284c04a6ea76898e213909d99230520"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9ebf632af41637c0a03e789a450f79ad" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9ebf632af41637c0a03e789a450f79ad"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -236,8 +236,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f978c773488d10dcf0a2f74a8e0b6dfa" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f978c773488d10dcf0a2f74a8e0b6dfa"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-553721edec6cef194c5a2bcf171270da" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-553721edec6cef194c5a2bcf171270da"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -249,8 +249,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-768fa9479b28c2c17c0a2ffeee919985" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768fa9479b28c2c17c0a2ffeee919985"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3196a38f1fa66b4aff66b22f4fae0cd6" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3196a38f1fa66b4aff66b22f4fae0cd6"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -301,7 +301,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/content/index.html">Content</a></li>
   </ul>
@@ -824,8 +824,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac335324e3dbb3efee551b7073d4f478" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac335324e3dbb3efee551b7073d4f478"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -835,8 +835,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-96603ddcc801fc33033c46b23a718187" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-96603ddcc801fc33033c46b23a718187"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-62b560c49c008a2cd8f8704cc7797013" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-62b560c49c008a2cd8f8704cc7797013"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -848,8 +848,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6772aca1d51a1f57f1e690f5281132aa" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6772aca1d51a1f57f1e690f5281132aa"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14ba88dbda0a76cb3835ea1f20c8aad2" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14ba88dbda0a76cb3835ea1f20c8aad2"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -861,8 +861,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-31e2f10453f1cc153c8763b86010abf0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31e2f10453f1cc153c8763b86010abf0"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c9917d5cf5479607f7aa247c77d3f75" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c9917d5cf5479607f7aa247c77d3f75"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -870,8 +870,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7311dce8923f8e232556f6fb617302a8" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7311dce8923f8e232556f6fb617302a8"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-591418eef5930145584a35b9bdf5b734" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-591418eef5930145584a35b9bdf5b734"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -879,8 +879,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-1ffc463e8f03952447c5d2d8e070a1fb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ffc463e8f03952447c5d2d8e070a1fb"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6a12c36a598c958e429485a6c2c3eea5" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a12c36a598c958e429485a6c2c3eea5"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -891,8 +891,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-80dae241682a932caf6f66454ee3a933" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-80dae241682a932caf6f66454ee3a933"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-0730dda4116785993313eef9e3bac9cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0730dda4116785993313eef9e3bac9cb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -901,8 +901,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5902427105673ad1e29c95ac9bbd3701" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5902427105673ad1e29c95ac9bbd3701"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14aa64fd12cb454c76fbab3de6932547" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14aa64fd12cb454c76fbab3de6932547"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -911,8 +911,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e575ea1076f02984b2e0c83ccfb8ce12" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e575ea1076f02984b2e0c83ccfb8ce12"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c1b6198d0b9c0845927a745ba081bfe5" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c1b6198d0b9c0845927a745ba081bfe5"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -921,8 +921,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5af8ec573d43fef331f2e921d90b3357" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5af8ec573d43fef331f2e921d90b3357"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ea5292e33ed0e925c4d69ff4f7514776" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ea5292e33ed0e925c4d69ff4f7514776"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -934,14 +934,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-117510822eef58e5cc598a8b9ab4e94e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-117510822eef58e5cc598a8b9ab4e94e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0e7f32fb48882723b70bcf5fee948977" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e7f32fb48882723b70bcf5fee948977"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-302272de20a786a5cc6c7a114767002a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-302272de20a786a5cc6c7a114767002a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2e68657dc4db1358c431a458494025ec" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e68657dc4db1358c431a458494025ec"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffe687060425096363696cb995ec682d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffe687060425096363696cb995ec682d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-4582b34b1ead6e8a94adb0bbbe83978b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4582b34b1ead6e8a94adb0bbbe83978b"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-0096ff822f99bb3c0a671f528d2d51eb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0096ff822f99bb3c0a671f528d2d51eb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cc86963b903c43ca3fad8c508293951c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc86963b903c43ca3fad8c508293951c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -950,8 +950,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0ada24d179113fae0e37a9c3b525ec29" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ada24d179113fae0e37a9c3b525ec29"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-8fdb1426243f84884348ef76bb4db3c4" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8fdb1426243f84884348ef76bb4db3c4"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -992,13 +992,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e51967f7653ca6e512167f7fb0077e9a">
+<div class="tab-panel" data-tab-group="232aca7034dbde9943ac2bcaef75f729">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e51967f7653ca6e512167f7fb0077e9a','configtoml')"
+      onclick="switchTab('232aca7034dbde9943ac2bcaef75f729','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -1019,13 +1019,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="2b9b4eb5828414b930f2502c8c0039ae">
+<div class="tab-panel" data-tab-group="bdde6160993835e93173213ca9aba54b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2b9b4eb5828414b930f2502c8c0039ae','frontmatter')"
+      onclick="switchTab('bdde6160993835e93173213ca9aba54b','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1045,13 +1045,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="296292e8f44843a5334a9b212ba07e51">
+<div class="tab-panel" data-tab-group="ba4d25f690d33565dfcf8f70d1e9c15e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('296292e8f44843a5334a9b212ba07e51','url')"
+      onclick="switchTab('ba4d25f690d33565dfcf8f70d1e9c15e','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1068,13 +1068,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="e4a05a39a62625b9c6329b382cc5f1f0">
+<div class="tab-panel" data-tab-group="64e73a80fafea54881b1e0f98f451272">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e4a05a39a62625b9c6329b382cc5f1f0','result')"
+      onclick="switchTab('64e73a80fafea54881b1e0f98f451272','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1094,13 +1094,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="55825e718ec0df1af5de6b259b96086d">
+<div class="tab-panel" data-tab-group="ff1d2554ca4ff06e80bde88b5b641adc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('55825e718ec0df1af5de6b259b96086d','html')"
+      onclick="switchTab('ff1d2554ca4ff06e80bde88b5b641adc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1279,8 +1279,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-0703b85c720fbd9047c1e56b4abf6b75" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0703b85c720fbd9047c1e56b4abf6b75"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e0bc504ef5336e5a90a11b58f66272" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e0bc504ef5336e5a90a11b58f66272"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1380,7 +1380,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/tutorrrial/index.html">tutorrrial</a></li>
   </ul>
@@ -1437,7 +1437,17 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on th' outermost generated HTML element.</td>
+<td>Additional CSS classes set on th' outermost generated HTML element.<br><br>If set t' <code>tags</code> ye will get th' visuals fer display'n th' <em>tags</em> taxonomy, otherwise it will be a simple list o' links as fer th' <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>Th' style scheme used if <strong>class</strong> be <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used if <strong>class</strong> be <code>tags</code>. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td><strong>ay'con</strong></td>
@@ -1449,7 +1459,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../pir/categories/content/index.html">content</a></li>
@@ -1463,8 +1473,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../js/theme.js?1696362812" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index ded778e720..7edde7d8c8 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.print.html" rel="alternate" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -171,7 +171,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/content/index.html">Content</a></li>
   </ul>
@@ -694,8 +694,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac335324e3dbb3efee551b7073d4f478" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac335324e3dbb3efee551b7073d4f478"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -705,8 +705,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-96603ddcc801fc33033c46b23a718187" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-96603ddcc801fc33033c46b23a718187"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-62b560c49c008a2cd8f8704cc7797013" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-62b560c49c008a2cd8f8704cc7797013"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -718,8 +718,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6772aca1d51a1f57f1e690f5281132aa" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6772aca1d51a1f57f1e690f5281132aa"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14ba88dbda0a76cb3835ea1f20c8aad2" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14ba88dbda0a76cb3835ea1f20c8aad2"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -731,8 +731,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-31e2f10453f1cc153c8763b86010abf0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31e2f10453f1cc153c8763b86010abf0"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c9917d5cf5479607f7aa247c77d3f75" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c9917d5cf5479607f7aa247c77d3f75"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -740,8 +740,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7311dce8923f8e232556f6fb617302a8" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7311dce8923f8e232556f6fb617302a8"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-591418eef5930145584a35b9bdf5b734" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-591418eef5930145584a35b9bdf5b734"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -749,8 +749,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-1ffc463e8f03952447c5d2d8e070a1fb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ffc463e8f03952447c5d2d8e070a1fb"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6a12c36a598c958e429485a6c2c3eea5" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a12c36a598c958e429485a6c2c3eea5"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -761,8 +761,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-80dae241682a932caf6f66454ee3a933" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-80dae241682a932caf6f66454ee3a933"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-0730dda4116785993313eef9e3bac9cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0730dda4116785993313eef9e3bac9cb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -771,8 +771,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5902427105673ad1e29c95ac9bbd3701" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5902427105673ad1e29c95ac9bbd3701"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14aa64fd12cb454c76fbab3de6932547" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14aa64fd12cb454c76fbab3de6932547"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -781,8 +781,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e575ea1076f02984b2e0c83ccfb8ce12" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e575ea1076f02984b2e0c83ccfb8ce12"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c1b6198d0b9c0845927a745ba081bfe5" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c1b6198d0b9c0845927a745ba081bfe5"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -791,8 +791,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5af8ec573d43fef331f2e921d90b3357" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5af8ec573d43fef331f2e921d90b3357"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ea5292e33ed0e925c4d69ff4f7514776" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ea5292e33ed0e925c4d69ff4f7514776"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -804,14 +804,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-117510822eef58e5cc598a8b9ab4e94e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-117510822eef58e5cc598a8b9ab4e94e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0e7f32fb48882723b70bcf5fee948977" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e7f32fb48882723b70bcf5fee948977"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-302272de20a786a5cc6c7a114767002a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-302272de20a786a5cc6c7a114767002a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2e68657dc4db1358c431a458494025ec" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e68657dc4db1358c431a458494025ec"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffe687060425096363696cb995ec682d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffe687060425096363696cb995ec682d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-4582b34b1ead6e8a94adb0bbbe83978b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4582b34b1ead6e8a94adb0bbbe83978b"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-0096ff822f99bb3c0a671f528d2d51eb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0096ff822f99bb3c0a671f528d2d51eb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cc86963b903c43ca3fad8c508293951c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc86963b903c43ca3fad8c508293951c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -820,8 +820,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0ada24d179113fae0e37a9c3b525ec29" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ada24d179113fae0e37a9c3b525ec29"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-8fdb1426243f84884348ef76bb4db3c4" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8fdb1426243f84884348ef76bb4db3c4"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -933,12 +933,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1095,13 +1095,13 @@ line 3 o' code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 00dff973e7..3e2b43b5e7 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="canonical" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/content/index.html">Content</a></li>
   </ul>
@@ -602,8 +602,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac335324e3dbb3efee551b7073d4f478" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac335324e3dbb3efee551b7073d4f478"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -613,8 +613,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-96603ddcc801fc33033c46b23a718187" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-96603ddcc801fc33033c46b23a718187"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-62b560c49c008a2cd8f8704cc7797013" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-62b560c49c008a2cd8f8704cc7797013"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -626,8 +626,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6772aca1d51a1f57f1e690f5281132aa" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6772aca1d51a1f57f1e690f5281132aa"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14ba88dbda0a76cb3835ea1f20c8aad2" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14ba88dbda0a76cb3835ea1f20c8aad2"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -639,8 +639,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-31e2f10453f1cc153c8763b86010abf0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31e2f10453f1cc153c8763b86010abf0"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c9917d5cf5479607f7aa247c77d3f75" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c9917d5cf5479607f7aa247c77d3f75"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -648,8 +648,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7311dce8923f8e232556f6fb617302a8" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7311dce8923f8e232556f6fb617302a8"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-591418eef5930145584a35b9bdf5b734" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-591418eef5930145584a35b9bdf5b734"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -657,8 +657,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-1ffc463e8f03952447c5d2d8e070a1fb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ffc463e8f03952447c5d2d8e070a1fb"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6a12c36a598c958e429485a6c2c3eea5" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a12c36a598c958e429485a6c2c3eea5"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -669,8 +669,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-80dae241682a932caf6f66454ee3a933" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-80dae241682a932caf6f66454ee3a933"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-0730dda4116785993313eef9e3bac9cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0730dda4116785993313eef9e3bac9cb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -679,8 +679,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5902427105673ad1e29c95ac9bbd3701" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5902427105673ad1e29c95ac9bbd3701"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14aa64fd12cb454c76fbab3de6932547" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14aa64fd12cb454c76fbab3de6932547"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -689,8 +689,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e575ea1076f02984b2e0c83ccfb8ce12" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e575ea1076f02984b2e0c83ccfb8ce12"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c1b6198d0b9c0845927a745ba081bfe5" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c1b6198d0b9c0845927a745ba081bfe5"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -699,8 +699,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5af8ec573d43fef331f2e921d90b3357" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5af8ec573d43fef331f2e921d90b3357"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ea5292e33ed0e925c4d69ff4f7514776" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ea5292e33ed0e925c4d69ff4f7514776"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -712,14 +712,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-117510822eef58e5cc598a8b9ab4e94e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-117510822eef58e5cc598a8b9ab4e94e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0e7f32fb48882723b70bcf5fee948977" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e7f32fb48882723b70bcf5fee948977"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-302272de20a786a5cc6c7a114767002a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-302272de20a786a5cc6c7a114767002a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2e68657dc4db1358c431a458494025ec" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e68657dc4db1358c431a458494025ec"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffe687060425096363696cb995ec682d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffe687060425096363696cb995ec682d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-4582b34b1ead6e8a94adb0bbbe83978b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4582b34b1ead6e8a94adb0bbbe83978b"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-0096ff822f99bb3c0a671f528d2d51eb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0096ff822f99bb3c0a671f528d2d51eb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cc86963b903c43ca3fad8c508293951c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc86963b903c43ca3fad8c508293951c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -728,8 +728,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0ada24d179113fae0e37a9c3b525ec29" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ada24d179113fae0e37a9c3b525ec29"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-8fdb1426243f84884348ef76bb4db3c4" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8fdb1426243f84884348ef76bb4db3c4"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -760,8 +760,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 3ae47ca7a9..65aea45223 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -343,12 +343,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -505,13 +505,13 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 86ab54d8d3..6000a5c849 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,8 +216,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 41b46f8445..e519201ead 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.print.html" rel="alternate" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,8 +213,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-f10039c2657ec0f427dc8e57bccefb02" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f10039c2657ec0f427dc8e57bccefb02"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-45ee354418d138c715d2c020877dedc5" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-45ee354418d138c715d2c020877dedc5"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -337,12 +337,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -499,13 +499,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 1d355fb4ce..9c9e0a0088 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="canonical" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -159,8 +159,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-f10039c2657ec0f427dc8e57bccefb02" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f10039c2657ec0f427dc8e57bccefb02"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-45ee354418d138c715d2c020877dedc5" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-45ee354418d138c715d2c020877dedc5"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -202,8 +202,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index f646937ce7..da86a17bb3 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,7 +130,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/tutorrrial/index.html">tutorrrial</a></li>
   </ul>
@@ -187,7 +187,17 @@
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on th' outermost generated HTML element.</td>
+<td>Additional CSS classes set on th' outermost generated HTML element.<br><br>If set t' <code>tags</code> ye will get th' visuals fer display'n th' <em>tags</em> taxonomy, otherwise it will be a simple list o' links as fer th' <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>Th' style scheme used if <strong>class</strong> be <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used if <strong>class</strong> be <code>tags</code>. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td><strong>ay'con</strong></td>
@@ -199,7 +209,7 @@
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/content/index.html">content</a></li>
@@ -293,12 +303,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -455,13 +465,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 1ac7f38fd0..fa5f4d5b0b 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/tutorrrial/index.html">tutorrrial</a></li>
   </ul>
@@ -136,7 +136,17 @@
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on th' outermost generated HTML element.</td>
+<td>Additional CSS classes set on th' outermost generated HTML element.<br><br>If set t' <code>tags</code> ye will get th' visuals fer display'n th' <em>tags</em> taxonomy, otherwise it will be a simple list o' links as fer th' <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>Th' style scheme used if <strong>class</strong> be <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used if <strong>class</strong> be <code>tags</code>. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td><strong>ay'con</strong></td>
@@ -148,7 +158,7 @@
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../../../pir/categories/content/index.html">content</a></li>
@@ -161,8 +171,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 2f7a309a5d..af9e5b294a 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -334,12 +334,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -500,13 +500,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 7d9340fa3c..70f3ce1702 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -208,8 +208,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 4dd3a87a77..1258ae3b17 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -219,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../js/search.js?1696362811" defer></script>
+        <script src="../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../js/theme.js?1696362811" defer></script>
+    <script src="../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 167db4936e..4726ab1901 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../js/url.js?1696362812"></script>
-    <script src="../../js/variant.js?1696362812"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../js/url.js?1696366259"></script>
+    <script src="../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -469,8 +469,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-c3c6eff8cedf77ea95319faf807809d1" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3c6eff8cedf77ea95319faf807809d1"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-587ff733ee44d0040454ea3994e36af3" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-587ff733ee44d0040454ea3994e36af3"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -499,11 +499,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-d0e64aa9288809560d9968e46c862b45" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d0e64aa9288809560d9968e46c862b45"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fde12c1f14cd45a2ec7e616e87d3032a" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fde12c1f14cd45a2ec7e616e87d3032a"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-b9d5890a10322ed4ea01e542d3a7c213" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9d5890a10322ed4ea01e542d3a7c213"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c01dcb4a7e8234c9d1df64e40342c45e" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c01dcb4a7e8234c9d1df64e40342c45e"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -514,8 +514,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../js/theme.js?1696362812" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index ea4047b51e..12b7e55be6 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -421,12 +421,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +587,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index 6103c0c698..0ac87035be 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -284,8 +284,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 5aa63e2d67..b1a6196fb1 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,8 +168,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-c3c6eff8cedf77ea95319faf807809d1" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3c6eff8cedf77ea95319faf807809d1"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-587ff733ee44d0040454ea3994e36af3" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-587ff733ee44d0040454ea3994e36af3"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -198,11 +198,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-d0e64aa9288809560d9968e46c862b45" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d0e64aa9288809560d9968e46c862b45"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fde12c1f14cd45a2ec7e616e87d3032a" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fde12c1f14cd45a2ec7e616e87d3032a"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-b9d5890a10322ed4ea01e542d3a7c213" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9d5890a10322ed4ea01e542d3a7c213"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c01dcb4a7e8234c9d1df64e40342c45e" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c01dcb4a7e8234c9d1df64e40342c45e"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -293,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -459,13 +459,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 481cbd14cd..11f8559acd 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -113,8 +113,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-c3c6eff8cedf77ea95319faf807809d1" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3c6eff8cedf77ea95319faf807809d1"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-587ff733ee44d0040454ea3994e36af3" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-587ff733ee44d0040454ea3994e36af3"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -143,11 +143,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-d0e64aa9288809560d9968e46c862b45" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d0e64aa9288809560d9968e46c862b45"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fde12c1f14cd45a2ec7e616e87d3032a" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fde12c1f14cd45a2ec7e616e87d3032a"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-b9d5890a10322ed4ea01e542d3a7c213" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9d5890a10322ed4ea01e542d3a7c213"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c01dcb4a7e8234c9d1df64e40342c45e" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c01dcb4a7e8234c9d1df64e40342c45e"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -157,8 +157,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index c6d0e098d4..b90c47a568 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.print.html" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../js/url.js?1696362809"></script>
-    <script src="../js/variant.js?1696362809"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,8 +139,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#R-image-dd23baeb89432ce37791ebc1f3fa64c2" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd23baeb89432ce37791ebc1f3fa64c2"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6c9f81fd77a075afc4e2c89527be59d5" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c9f81fd77a075afc4e2c89527be59d5"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -316,12 +316,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362810" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../js/search.js?1696362810" defer></script>
+        <script src="../js/auto-complete.js?1696366257" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -478,13 +478,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362810"></script>
+          <script async src="../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../js/theme.js?1696362810" defer></script>
+    <script src="../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 435affd54e..851fa6d2d5 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../js/url.js?1696362812"></script>
-    <script src="../js/variant.js?1696362812"></script>
+    <link href="../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../js/url.js?1696366259"></script>
+    <script src="../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#R-image-dd23baeb89432ce37791ebc1f3fa64c2" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd23baeb89432ce37791ebc1f3fa64c2"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6c9f81fd77a075afc4e2c89527be59d5" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c9f81fd77a075afc4e2c89527be59d5"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -1004,12 +1004,12 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-e4873e6242b87eb1dc40061a99cddbf4" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e4873e6242b87eb1dc40061a99cddbf4"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-355ba5b11c0ac32514269d90573a811e" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-355ba5b11c0ac32514269d90573a811e"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../pir/categories/basic/index.html">basic</a></li>
@@ -1020,7 +1020,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/documentatn/index.html">documentat&#39;n</a></li>
   </ul>
@@ -1055,8 +1055,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-805ac6c27a5ce2c1f6396a23ff2b4a24" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-805ac6c27a5ce2c1f6396a23ff2b4a24"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c7f11b7277dbb11c2099c26acd42de89" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c7f11b7277dbb11c2099c26acd42de89"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1092,7 +1092,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/config/index.html">config</a></li>
   </ul>
@@ -1215,8 +1215,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-d76fd48b0f9fd763b2fb262a99190979" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d76fd48b0f9fd763b2fb262a99190979"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-eb532ab373c495f4777253f2078821e6" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb532ab373c495f4777253f2078821e6"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1261,8 +1261,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-31141017310cfa0a5b5b0915a4d472b0" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31141017310cfa0a5b5b0915a4d472b0"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a6c269075ed9b6ab55b986f23e1e5c2f" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a6c269075ed9b6ab55b986f23e1e5c2f"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1370,7 +1370,7 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../pir/categories/custom/index.html">custom</a></li>
@@ -1389,13 +1389,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-3b5269870016be4c3078b27edb08c4b1" aria-controls="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" >
-    <label class="expand-label" for="R-expand-3b5269870016be4c3078b27edb08c4b1" >
+    <input type="checkbox" id="R-expand-0bbd3de329c5bfa85f371729f2beeec3" aria-controls="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" >
+    <label class="expand-label" for="R-expand-0bbd3de329c5bfa85f371729f2beeec3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-3b5269870016be4c3078b27edb08c4b1" class="expand-content">
+    <div id="R-expandcontent-0bbd3de329c5bfa85f371729f2beeec3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -1441,7 +1441,7 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../pir/categories/theming/index.html">theming</a></li>
@@ -1457,8 +1457,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7d81c506020b07e46ff72082ddf6fa8e" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d81c506020b07e46ff72082ddf6fa8e"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-bc13fb5baf597d7887f1ac2cda0d0581" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc13fb5baf597d7887f1ac2cda0d0581"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -1470,8 +1470,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-f0c6f8f192f08d3db33be0a9cafed5d5" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0c6f8f192f08d3db33be0a9cafed5d5"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d579d9dad5762a5f6c0def94de354159" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d579d9dad5762a5f6c0def94de354159"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -3168,8 +3168,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-f10039c2657ec0f427dc8e57bccefb02" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f10039c2657ec0f427dc8e57bccefb02"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-45ee354418d138c715d2c020877dedc5" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-45ee354418d138c715d2c020877dedc5"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -3219,8 +3219,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-f284c04a6ea76898e213909d99230520" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f284c04a6ea76898e213909d99230520"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9ebf632af41637c0a03e789a450f79ad" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9ebf632af41637c0a03e789a450f79ad"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3230,8 +3230,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f978c773488d10dcf0a2f74a8e0b6dfa" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f978c773488d10dcf0a2f74a8e0b6dfa"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-553721edec6cef194c5a2bcf171270da" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-553721edec6cef194c5a2bcf171270da"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3243,8 +3243,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-768fa9479b28c2c17c0a2ffeee919985" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-768fa9479b28c2c17c0a2ffeee919985"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3196a38f1fa66b4aff66b22f4fae0cd6" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3196a38f1fa66b4aff66b22f4fae0cd6"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -3295,7 +3295,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/content/index.html">Content</a></li>
   </ul>
@@ -3818,8 +3818,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac335324e3dbb3efee551b7073d4f478" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac335324e3dbb3efee551b7073d4f478"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1cf2d9c334cf5ad4ac9bec6a0be1271"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -3829,8 +3829,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-96603ddcc801fc33033c46b23a718187" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-96603ddcc801fc33033c46b23a718187"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-62b560c49c008a2cd8f8704cc7797013" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-62b560c49c008a2cd8f8704cc7797013"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3842,8 +3842,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6772aca1d51a1f57f1e690f5281132aa" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6772aca1d51a1f57f1e690f5281132aa"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14ba88dbda0a76cb3835ea1f20c8aad2" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14ba88dbda0a76cb3835ea1f20c8aad2"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3855,8 +3855,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-31e2f10453f1cc153c8763b86010abf0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31e2f10453f1cc153c8763b86010abf0"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8c9917d5cf5479607f7aa247c77d3f75" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c9917d5cf5479607f7aa247c77d3f75"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3864,8 +3864,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7311dce8923f8e232556f6fb617302a8" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7311dce8923f8e232556f6fb617302a8"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-591418eef5930145584a35b9bdf5b734" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-591418eef5930145584a35b9bdf5b734"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3873,8 +3873,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-1ffc463e8f03952447c5d2d8e070a1fb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1ffc463e8f03952447c5d2d8e070a1fb"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6a12c36a598c958e429485a6c2c3eea5" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a12c36a598c958e429485a6c2c3eea5"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3885,8 +3885,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-80dae241682a932caf6f66454ee3a933" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-80dae241682a932caf6f66454ee3a933"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-0730dda4116785993313eef9e3bac9cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0730dda4116785993313eef9e3bac9cb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3895,8 +3895,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5902427105673ad1e29c95ac9bbd3701" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5902427105673ad1e29c95ac9bbd3701"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-14aa64fd12cb454c76fbab3de6932547" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-14aa64fd12cb454c76fbab3de6932547"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3905,8 +3905,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e575ea1076f02984b2e0c83ccfb8ce12" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e575ea1076f02984b2e0c83ccfb8ce12"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c1b6198d0b9c0845927a745ba081bfe5" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c1b6198d0b9c0845927a745ba081bfe5"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3915,8 +3915,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5af8ec573d43fef331f2e921d90b3357" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5af8ec573d43fef331f2e921d90b3357"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ea5292e33ed0e925c4d69ff4f7514776" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ea5292e33ed0e925c4d69ff4f7514776"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3928,14 +3928,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-117510822eef58e5cc598a8b9ab4e94e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-117510822eef58e5cc598a8b9ab4e94e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0e7f32fb48882723b70bcf5fee948977" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e7f32fb48882723b70bcf5fee948977"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-302272de20a786a5cc6c7a114767002a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-302272de20a786a5cc6c7a114767002a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-2e68657dc4db1358c431a458494025ec" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e68657dc4db1358c431a458494025ec"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffe687060425096363696cb995ec682d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffe687060425096363696cb995ec682d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-4582b34b1ead6e8a94adb0bbbe83978b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4582b34b1ead6e8a94adb0bbbe83978b"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-0096ff822f99bb3c0a671f528d2d51eb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0096ff822f99bb3c0a671f528d2d51eb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cc86963b903c43ca3fad8c508293951c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc86963b903c43ca3fad8c508293951c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -3944,8 +3944,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0ada24d179113fae0e37a9c3b525ec29" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ada24d179113fae0e37a9c3b525ec29"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-8fdb1426243f84884348ef76bb4db3c4" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8fdb1426243f84884348ef76bb4db3c4"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3986,13 +3986,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e51967f7653ca6e512167f7fb0077e9a">
+<div class="tab-panel" data-tab-group="232aca7034dbde9943ac2bcaef75f729">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e51967f7653ca6e512167f7fb0077e9a','configtoml')"
+      onclick="switchTab('232aca7034dbde9943ac2bcaef75f729','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -4013,13 +4013,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="2b9b4eb5828414b930f2502c8c0039ae">
+<div class="tab-panel" data-tab-group="bdde6160993835e93173213ca9aba54b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2b9b4eb5828414b930f2502c8c0039ae','frontmatter')"
+      onclick="switchTab('bdde6160993835e93173213ca9aba54b','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -4039,13 +4039,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="296292e8f44843a5334a9b212ba07e51">
+<div class="tab-panel" data-tab-group="ba4d25f690d33565dfcf8f70d1e9c15e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('296292e8f44843a5334a9b212ba07e51','url')"
+      onclick="switchTab('ba4d25f690d33565dfcf8f70d1e9c15e','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -4062,13 +4062,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="e4a05a39a62625b9c6329b382cc5f1f0">
+<div class="tab-panel" data-tab-group="64e73a80fafea54881b1e0f98f451272">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e4a05a39a62625b9c6329b382cc5f1f0','result')"
+      onclick="switchTab('64e73a80fafea54881b1e0f98f451272','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -4088,13 +4088,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="55825e718ec0df1af5de6b259b96086d">
+<div class="tab-panel" data-tab-group="ff1d2554ca4ff06e80bde88b5b641adc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('55825e718ec0df1af5de6b259b96086d','html')"
+      onclick="switchTab('ff1d2554ca4ff06e80bde88b5b641adc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -4273,8 +4273,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-0703b85c720fbd9047c1e56b4abf6b75" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0703b85c720fbd9047c1e56b4abf6b75"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e0bc504ef5336e5a90a11b58f66272" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e0bc504ef5336e5a90a11b58f66272"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -4374,7 +4374,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/tutorrrial/index.html">tutorrrial</a></li>
   </ul>
@@ -4431,7 +4431,17 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <tr>
 <td><strong>class</strong></td>
 <td><em>&lt;empty&gt;</em></td>
-<td>Additional CSS classes set on th' outermost generated HTML element.</td>
+<td>Additional CSS classes set on th' outermost generated HTML element.<br><br>If set t' <code>tags</code> ye will get th' visuals fer display'n th' <em>tags</em> taxonomy, otherwise it will be a simple list o' links as fer th' <em>categories</em> taxonomy.</td>
+</tr>
+<tr>
+<td><strong>style</strong></td>
+<td><code>primary</code></td>
+<td>Th' style scheme used if <strong>class</strong> be <code>tags</code>.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code>, <code>accent</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code>, <code>code</code></td>
+</tr>
+<tr>
+<td><strong>color</strong></td>
+<td>see notes</td>
+<td>Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used if <strong>class</strong> be <code>tags</code>. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td><strong>ay'con</strong></td>
@@ -4443,7 +4453,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 
 
             <footer class="footline">
-<div class=" taxonomy-categories term-list " title="Categories">
+<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <i class="fa-fw fas fa-cubes"></i>
   <ul>
     <li><a class="term-link" href="../pir/categories/content/index.html">content</a></li>
@@ -5493,7 +5503,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; Children</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
   </ul>
@@ -5511,7 +5521,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5538,7 +5548,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5567,7 +5577,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/headless/index.html">headless</a></li>
@@ -5586,7 +5596,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5605,7 +5615,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5625,7 +5635,7 @@ So its rrrambl'n be used as descript'n.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5646,7 +5656,7 @@ So its rrrambl'n be used as descript'n.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5666,7 +5676,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5693,7 +5703,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -5721,13 +5731,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-27837de81bbab7d29058ea90756827b3" aria-controls="R-expandcontent-27837de81bbab7d29058ea90756827b3" >
-    <label class="expand-label" for="R-expand-27837de81bbab7d29058ea90756827b3" >
+    <input type="checkbox" id="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" aria-controls="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" >
+    <label class="expand-label" for="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-27837de81bbab7d29058ea90756827b3" class="expand-content">
+    <div id="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -5845,26 +5855,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" aria-controls="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" >
-    <label class="expand-label" for="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" >
+    <input type="checkbox" id="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" aria-controls="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" >
+    <label class="expand-label" for="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" class="expand-content">
+    <div id="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-36beee2af0afc9454e0a0079fb07df97" aria-controls="R-expandcontent-36beee2af0afc9454e0a0079fb07df97"  checked>
-    <label class="expand-label" for="R-expand-36beee2af0afc9454e0a0079fb07df97" >
+    <input type="checkbox" id="R-expand-8529cbf0706990af665bec185c09b847" aria-controls="R-expandcontent-8529cbf0706990af665bec185c09b847"  checked>
+    <label class="expand-label" for="R-expand-8529cbf0706990af665bec185c09b847" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-36beee2af0afc9454e0a0079fb07df97" class="expand-content">
+    <div id="R-expandcontent-8529cbf0706990af665bec185c09b847" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5885,13 +5895,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-b666370f9d6898e427f13e4bb5fa49e5" aria-controls="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" >
-    <label class="expand-label" for="R-expand-b666370f9d6898e427f13e4bb5fa49e5" >
+    <input type="checkbox" id="R-expand-5a6d5fbb08ae528242b6841f68774709" aria-controls="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" >
+    <label class="expand-label" for="R-expand-5a6d5fbb08ae528242b6841f68774709" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" class="expand-content">
+    <div id="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5928,13 +5938,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="47e9a693f0493c8e21ef9776ff16a57d">
+<div class="tab-panel" data-tab-group="054c8fbc3cc11233c4f86e7db16f1c03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47e9a693f0493c8e21ef9776ff16a57d','python')"
+      onclick="switchTab('054c8fbc3cc11233c4f86e7db16f1c03','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -6139,13 +6149,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="d81e84f79100c0bdf23f17c17ee8c32d">
+<div class="tab-panel" data-tab-group="45912b59ce8bcd6e17df95963828d6fc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d81e84f79100c0bdf23f17c17ee8c32d','python')"
+      onclick="switchTab('45912b59ce8bcd6e17df95963828d6fc','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -7650,7 +7660,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-476a881092ba5dc790829c05e6d2d66e"
+    id="R-openapi-f888fccac615c5229a34463f3be670a6"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7748,13 +7758,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e99b11c8214dc9e40ea79e0891750fe7">
+<div class="tab-panel" data-tab-group="b27f887b09488914805ad7d5895f9a51">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e99b11c8214dc9e40ea79e0891750fe7','configtoml')"
+      onclick="switchTab('b27f887b09488914805ad7d5895f9a51','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -7788,13 +7798,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="cddc52e321f853c3d4c092786117021e">
+<div class="tab-panel" data-tab-group="5edbd54358695605da85cab77dce44d7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cddc52e321f853c3d4c092786117021e','c')"
+      onclick="switchTab('5edbd54358695605da85cab77dce44d7','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -7899,13 +7909,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1ed3b89296a621a64f77f174e34e9f77">
+<div class="tab-panel" data-tab-group="f55195abae6c3b8dc10e82cb14fd30db">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1ed3b89296a621a64f77f174e34e9f77','code')"
+      onclick="switchTab('f55195abae6c3b8dc10e82cb14fd30db','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -7927,13 +7937,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0ae2ea788377f6e5662e42db78d58aa2">
+<div class="tab-panel" data-tab-group="91bec66778dfc704dda46d4a7b806cd0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0ae2ea788377f6e5662e42db78d58aa2','mixed')"
+      onclick="switchTab('91bec66778dfc704dda46d4a7b806cd0','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -7978,41 +7988,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="77e397282860ed6dc8d84fac18b17014">
+<div class="tab-panel" data-tab-group="80ecc5b1871cd1f73a324b25ec598830">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-colored-style')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','default-style-and-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -8081,27 +8091,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="f717a79b81eb23466c0180bfc098a659">
+<div class="tab-panel" data-tab-group="b4074eb8d40d048b642f49a3da50447e">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','py')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','sh')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','c')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8249,27 +8259,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="fc5644f28f18ef26caac5d27c9055b89">
+<div class="tab-panel" data-tab-group="a1b7e9e64a8567072c317e62409c05c1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-1')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-2')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-b')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -8627,8 +8637,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362812" defer></script>
+    <script src="../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366259" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8657,27 +8667,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696362812"></script>
-    <script src="../js/d3/d3-color.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1696362812" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1696362812" defer></script>
-    <script src="../js/js-yaml.min.js?1696362812" defer></script>
-    <script src="../js/mermaid.min.js?1696362812" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696366259"></script>
+    <script src="../js/d3/d3-color.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696366259" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696366259" defer></script>
+    <script src="../js/js-yaml.min.js?1696366259" defer></script>
+    <script src="../js/mermaid.min.js?1696366259" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696362812" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696362812" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696366259" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696366259" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362812", assetsBuster:  1696362812  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366259", assetsBuster:  1696366259  };
     </script>
-    <script src="../js/theme.js?1696362812" defer></script>
+    <script src="../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index 835e7cf1a4..1cf74e633e 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -101,7 +101,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Rambl'n",
-    "content": " Th' Relearrrn theme supports Hugo’s default taxonomies tag an' category out o' th' box.\nConfigurat'n Just add tags and/or categories t' any plank. They can be given as a single str'n or an array o' str'ns.\n+++ categories = [\"taxonomy\", \"content\"] tags = \"tutorial\" title = \"Taxonomy\" +++Behavior Th' tags be displayed at th' top o' th' plank 'n alphabetical order.\nTh' categories be displayed at th' bottom o' th' plank 'n alphabetical order 'n th' default implementat'n o' th' theme but can be customized by provid'n yer own content-footer.html partial.\nEach item be a link t' a taxonomy plank display'n all th' articles wit' th' given term.\nList all th' tags In th' config.toml file ye can add a shortcut t' display all th' tags an' categories\n[[menu.shortcuts]] name = \"\u003ci class='fas fa-tags'\u003e\u003c/i\u003e Tags\" url = \"/tags\" [[menu.shortcuts]] name = \"\u003ci class='fas fa-list'\u003e\u003c/i\u003e Categories\" url = \"/categories\"Customizat'n If ye define custom taxonomies an' want t' display a list o' them somewhere on yer plank (often 'n th' layouts/partials/content-footer.html) ye can call a partial that does th' job fer ye:\n{{- partial \"term-list.html\" (dict \"page\" . \"taxonomy\" \"categories\" \"icon\" \"list\" ) }}Parameter Name Default Notes plank \u003cempty\u003e Mandatory reference t' th' plank. taxonomy \u003cempty\u003e Th' plural name o' th' taxonomy t' display as used 'n yer frontmatter. class \u003cempty\u003e Additional CSS classes set on th' outermost generated HTML element. ay'con \u003cempty\u003e An optional Font Awesome ay'con name set t' th' left o' th' list. ",
+    "content": " Th' Relearrrn theme supports Hugo’s default taxonomies tag an' category out o' th' box.\nConfigurat'n Just add tags and/or categories t' any plank. They can be given as a single str'n or an array o' str'ns.\n+++ categories = [\"taxonomy\", \"content\"] tags = \"tutorial\" title = \"Taxonomy\" +++Behavior Th' tags be displayed at th' top o' th' plank 'n alphabetical order.\nTh' categories be displayed at th' bottom o' th' plank 'n alphabetical order 'n th' default implementat'n o' th' theme but can be customized by provid'n yer own content-footer.html partial.\nEach item be a link t' a taxonomy plank display'n all th' articles wit' th' given term.\nList all th' tags In th' config.toml file ye can add a shortcut t' display all th' tags an' categories\n[[menu.shortcuts]] name = \"\u003ci class='fas fa-tags'\u003e\u003c/i\u003e Tags\" url = \"/tags\" [[menu.shortcuts]] name = \"\u003ci class='fas fa-list'\u003e\u003c/i\u003e Categories\" url = \"/categories\"Customizat'n If ye define custom taxonomies an' want t' display a list o' them somewhere on yer plank (often 'n th' layouts/partials/content-footer.html) ye can call a partial that does th' job fer ye:\n{{- partial \"term-list.html\" (dict \"page\" . \"taxonomy\" \"categories\" \"icon\" \"list\" ) }}Parameter Name Default Notes plank \u003cempty\u003e Mandatory reference t' th' plank. taxonomy \u003cempty\u003e Th' plural name o' th' taxonomy t' display as used 'n yer frontmatter. class \u003cempty\u003e Additional CSS classes set on th' outermost generated HTML element.\nIf set t' tags ye will get th' visuals fer display'n th' tags taxonomy, otherwise it will be a simple list o' links as fer th' categories taxonomy. style primary Th' style scheme used if class be tags.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used if class be tags. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color ay'con \u003cempty\u003e An optional Font Awesome ay'con name set t' th' left o' th' list. ",
     "description": "",
     "tags": "tutorrrial",
     "title": "Taxonomy",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 55a71db180..ac4a24d760 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.print.html" rel="alternate" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -274,12 +274,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -436,13 +436,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index d4dc3a1570..4fe54d1a5b 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="canonical" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -146,8 +146,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index e92d3eff98..0738787794 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="canonical" type="text/html" title="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../js/url.js?1696362812"></script>
-    <script src="../js/variant.js?1696362812"></script>
+    <link href="../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../js/url.js?1696366259"></script>
+    <script src="../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362812" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../js/search.js?1696362812" defer></script>
+        <script src="../js/auto-complete.js?1696366259" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -356,13 +356,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362812"></script>
+          <script async src="../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../js/theme.js?1696362812" defer></script>
+    <script src="../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 6236030628..bb574ac100 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -483,12 +483,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -645,13 +645,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 2a04c03e95..22634180a5 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -340,8 +340,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index f378696ec4..5549527ac2 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -415,12 +415,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -577,13 +577,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 6a9d753229..6f2bed6656 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -279,8 +279,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index f9fc71727d..6dcd436839 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -555,12 +555,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -717,13 +717,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 8ebd6d1cfa..61968b837d 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -418,8 +418,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
index 2ac2d544f5..5851872c86 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,7 +123,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +390,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
index 1237c95032..d5cfb84f30 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,7 +84,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
index 7501cef319..7dc8dfd00f 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -127,7 +127,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -234,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +400,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
index aacec24368..ebf7d71eaf 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,7 +83,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -110,7 +110,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-1-1-1 (hidden)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -131,8 +131,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index 5c18af6d6c..1bce5fa7d4 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,7 +126,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -233,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
index bbbd25ec9f..92a17b24a3 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,7 +82,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
index 28a47c04fb..907200fa58 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,7 +125,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -232,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +396,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
index d630e3a24a..03421bca95 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -108,7 +108,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-1 (hidden)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -138,8 +138,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index d5df675d81..ccfb2f0222 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
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,7 +122,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
index dfa7203769..3980098ef9 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,7 +83,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -103,8 +103,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
index e4f2a9a813..e73e71b8e1 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
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,7 +122,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
index 60b49c7899..4502fe8b33 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,7 +83,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -103,8 +103,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index 0d083ab435..62dfee507a 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
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,7 +121,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -222,12 +222,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -384,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
index 0abcd2ab83..a4a2628024 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,7 +82,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -102,8 +102,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/index.html
index da0d507a1b..3f84b57414 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,7 +125,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -234,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +396,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/index.print.html
index 8700dd3aba..ff75f47eec 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -110,7 +110,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/headless/index.html">headless</a></li>
@@ -129,7 +129,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -148,7 +148,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -168,7 +168,7 @@
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -189,8 +189,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 6326ef0792..b786e20413 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362809"></script>
-    <script src="../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,7 +124,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.print.html b/pir/shortcodes/children/children-1/index.print.html
index b0f7164d51..ebae2fa97f 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362812"></script>
-    <script src="../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366259"></script>
+    <script src="../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,7 +80,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -107,7 +107,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -136,7 +136,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/headless/index.html">headless</a></li>
@@ -155,7 +155,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -174,7 +174,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -194,7 +194,7 @@
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -216,8 +216,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 67427d1b47..19b55a62c3 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362809"></script>
-    <script src="../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,7 +119,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.print.html b/pir/shortcodes/children/children-2/index.print.html
index 60453bf4cf..3b976ef3ee 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362812"></script>
-    <script src="../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366259"></script>
+    <script src="../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,7 +80,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index c4252de08d..5e2b15c099 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362809"></script>
-    <script src="../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,7 +124,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.print.html b/pir/shortcodes/children/children-3/index.print.html
index 5887a76c08..7b4ebf1e8a 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362812"></script>
-    <script src="../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366259"></script>
+    <script src="../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,7 +80,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -107,7 +107,7 @@
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -128,8 +128,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index e6d709e11f..dbcfb68484 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362809"></script>
-    <script src="../../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,7 +120,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../../../js/search.js?1696362810" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.print.html b/pir/shortcodes/children/children-3/test3/index.print.html
index e716789b2f..97a7e77350 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362812"></script>
-    <script src="../../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366259"></script>
+    <script src="../../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 82a8fe1991..b5d0cf991f 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362809"></script>
-    <script src="../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,7 +118,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -219,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../../js/search.js?1696362811" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.print.html b/pir/shortcodes/children/children-4/index.print.html
index 941aebb72e..1cb453950a 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362812"></script>
-    <script src="../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366259"></script>
+    <script src="../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../pir/tags/hidden/index.html">hidden</a></li>
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 2fc79d67d4..c1b9adcd59 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -418,12 +418,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -580,13 +580,13 @@ So its rrrambl'n be used as descript'n.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index b795e1a759..692cf8aeb8 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -281,7 +281,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; Children</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
   </ul>
@@ -299,7 +299,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -326,7 +326,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -355,7 +355,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/headless/index.html">headless</a></li>
@@ -374,7 +374,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -393,7 +393,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -413,7 +413,7 @@ So its rrrambl'n be used as descript'n.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -434,7 +434,7 @@ So its rrrambl'n be used as descript'n.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -454,7 +454,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -481,7 +481,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -503,8 +503,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index d6f3d1c41f..9f56d7d7e4 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362809"></script>
-    <script src="../../../../js/variant.js?1696362809"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,7 +120,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
   </ul>
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../../js/search.js?1696362810" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index bd4944c444..9ed13ecadb 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362812"></script>
-    <script src="../../../../js/variant.js?1696362812"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366259"></script>
+    <script src="../../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../pir/tags/children/index.html">Children</a></li>
   </ul>
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 263ef9ac33..8490893eff 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,13 +141,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-27837de81bbab7d29058ea90756827b3" aria-controls="R-expandcontent-27837de81bbab7d29058ea90756827b3" >
-    <label class="expand-label" for="R-expand-27837de81bbab7d29058ea90756827b3" >
+    <input type="checkbox" id="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" aria-controls="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" >
+    <label class="expand-label" for="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-27837de81bbab7d29058ea90756827b3" class="expand-content">
+    <div id="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -265,26 +265,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" aria-controls="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" >
-    <label class="expand-label" for="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" >
+    <input type="checkbox" id="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" aria-controls="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" >
+    <label class="expand-label" for="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" class="expand-content">
+    <div id="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-36beee2af0afc9454e0a0079fb07df97" aria-controls="R-expandcontent-36beee2af0afc9454e0a0079fb07df97"  checked>
-    <label class="expand-label" for="R-expand-36beee2af0afc9454e0a0079fb07df97" >
+    <input type="checkbox" id="R-expand-8529cbf0706990af665bec185c09b847" aria-controls="R-expandcontent-8529cbf0706990af665bec185c09b847"  checked>
+    <label class="expand-label" for="R-expand-8529cbf0706990af665bec185c09b847" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-36beee2af0afc9454e0a0079fb07df97" class="expand-content">
+    <div id="R-expandcontent-8529cbf0706990af665bec185c09b847" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -305,13 +305,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-b666370f9d6898e427f13e4bb5fa49e5" aria-controls="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" >
-    <label class="expand-label" for="R-expand-b666370f9d6898e427f13e4bb5fa49e5" >
+    <input type="checkbox" id="R-expand-5a6d5fbb08ae528242b6841f68774709" aria-controls="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" >
+    <label class="expand-label" for="R-expand-5a6d5fbb08ae528242b6841f68774709" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" class="expand-content">
+    <div id="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -416,12 +416,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -578,13 +578,13 @@ No need t' press ye!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362809"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index b1a22076e5..5dcddd5b0b 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,13 +86,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-27837de81bbab7d29058ea90756827b3" aria-controls="R-expandcontent-27837de81bbab7d29058ea90756827b3" >
-    <label class="expand-label" for="R-expand-27837de81bbab7d29058ea90756827b3" >
+    <input type="checkbox" id="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" aria-controls="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" >
+    <label class="expand-label" for="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-27837de81bbab7d29058ea90756827b3" class="expand-content">
+    <div id="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -210,26 +210,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" aria-controls="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" >
-    <label class="expand-label" for="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" >
+    <input type="checkbox" id="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" aria-controls="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" >
+    <label class="expand-label" for="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" class="expand-content">
+    <div id="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-36beee2af0afc9454e0a0079fb07df97" aria-controls="R-expandcontent-36beee2af0afc9454e0a0079fb07df97"  checked>
-    <label class="expand-label" for="R-expand-36beee2af0afc9454e0a0079fb07df97" >
+    <input type="checkbox" id="R-expand-8529cbf0706990af665bec185c09b847" aria-controls="R-expandcontent-8529cbf0706990af665bec185c09b847"  checked>
+    <label class="expand-label" for="R-expand-8529cbf0706990af665bec185c09b847" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-36beee2af0afc9454e0a0079fb07df97" class="expand-content">
+    <div id="R-expandcontent-8529cbf0706990af665bec185c09b847" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -250,13 +250,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-b666370f9d6898e427f13e4bb5fa49e5" aria-controls="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" >
-    <label class="expand-label" for="R-expand-b666370f9d6898e427f13e4bb5fa49e5" >
+    <input type="checkbox" id="R-expand-5a6d5fbb08ae528242b6841f68774709" aria-controls="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" >
+    <label class="expand-label" for="R-expand-5a6d5fbb08ae528242b6841f68774709" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" class="expand-content">
+    <div id="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -280,8 +280,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 2b7b2cf536..67019f322d 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -155,13 +155,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="47e9a693f0493c8e21ef9776ff16a57d">
+<div class="tab-panel" data-tab-group="054c8fbc3cc11233c4f86e7db16f1c03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47e9a693f0493c8e21ef9776ff16a57d','python')"
+      onclick="switchTab('054c8fbc3cc11233c4f86e7db16f1c03','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -366,13 +366,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="d81e84f79100c0bdf23f17c17ee8c32d">
+<div class="tab-panel" data-tab-group="45912b59ce8bcd6e17df95963828d6fc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d81e84f79100c0bdf23f17c17ee8c32d','python')"
+      onclick="switchTab('45912b59ce8bcd6e17df95963828d6fc','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -493,12 +493,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -655,13 +655,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 67e8b80d6c..12b4b1c999 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,13 +93,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="47e9a693f0493c8e21ef9776ff16a57d">
+<div class="tab-panel" data-tab-group="054c8fbc3cc11233c4f86e7db16f1c03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47e9a693f0493c8e21ef9776ff16a57d','python')"
+      onclick="switchTab('054c8fbc3cc11233c4f86e7db16f1c03','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -304,13 +304,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="d81e84f79100c0bdf23f17c17ee8c32d">
+<div class="tab-panel" data-tab-group="45912b59ce8bcd6e17df95963828d6fc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d81e84f79100c0bdf23f17c17ee8c32d','python')"
+      onclick="switchTab('45912b59ce8bcd6e17df95963828d6fc','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -350,8 +350,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 5d16042f75..8f0a32293b 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -339,12 +339,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="../../../js/search.js?1696362809" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -501,13 +501,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index dadc7b864d..82b217cf3c 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,8 +202,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 7649b81c27..cdfaa9d18a 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -329,12 +329,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -491,13 +491,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 5a0d757cf3..38da1356f3 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,8 +195,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 312c6e6af0..b8db9c5ead 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.print.html" rel="alternate" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -235,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../js/search.js?1696362811" defer></script>
+        <script src="../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../js/github-buttons.js?1696366258"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../js/theme.js?1696362811" defer></script>
+    <script src="../../js/clipboard.min.js?1696366258" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366258" defer></script>
+    <script src="../../js/theme.js?1696366258" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index cd868679d2..66ffae57f3 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="canonical" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../js/url.js?1696362812"></script>
-    <script src="../../js/variant.js?1696362812"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../js/url.js?1696366259"></script>
+    <script src="../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1115,7 +1115,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; Children</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
   </ul>
@@ -1133,7 +1133,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1160,7 +1160,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1189,7 +1189,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/headless/index.html">headless</a></li>
@@ -1208,7 +1208,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1227,7 +1227,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1247,7 +1247,7 @@ So its rrrambl'n be used as descript'n.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1268,7 +1268,7 @@ So its rrrambl'n be used as descript'n.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1288,7 +1288,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1315,7 +1315,7 @@ So its rrrambl'n be used as descript'n.</p>
             <h1 class="a11y-only">Subsct&#39;ns o&#39; plank 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../pir/tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../pir/tags/non-hidden/index.html">non-hidden</a></li>
@@ -1343,13 +1343,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-27837de81bbab7d29058ea90756827b3" aria-controls="R-expandcontent-27837de81bbab7d29058ea90756827b3" >
-    <label class="expand-label" for="R-expand-27837de81bbab7d29058ea90756827b3" >
+    <input type="checkbox" id="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" aria-controls="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" >
+    <label class="expand-label" for="R-expand-631bdab90a6d6194e10bfc18d28cfaeb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-27837de81bbab7d29058ea90756827b3" class="expand-content">
+    <div id="R-expandcontent-631bdab90a6d6194e10bfc18d28cfaeb" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -1467,26 +1467,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" aria-controls="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" >
-    <label class="expand-label" for="R-expand-a402bdc176a7cee83123ffc7e96f3ba8" >
+    <input type="checkbox" id="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" aria-controls="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" >
+    <label class="expand-label" for="R-expand-7f2d4e61ab66a2f2488298eeef92ca63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-a402bdc176a7cee83123ffc7e96f3ba8" class="expand-content">
+    <div id="R-expandcontent-7f2d4e61ab66a2f2488298eeef92ca63" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-36beee2af0afc9454e0a0079fb07df97" aria-controls="R-expandcontent-36beee2af0afc9454e0a0079fb07df97"  checked>
-    <label class="expand-label" for="R-expand-36beee2af0afc9454e0a0079fb07df97" >
+    <input type="checkbox" id="R-expand-8529cbf0706990af665bec185c09b847" aria-controls="R-expandcontent-8529cbf0706990af665bec185c09b847"  checked>
+    <label class="expand-label" for="R-expand-8529cbf0706990af665bec185c09b847" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-36beee2af0afc9454e0a0079fb07df97" class="expand-content">
+    <div id="R-expandcontent-8529cbf0706990af665bec185c09b847" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1507,13 +1507,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-b666370f9d6898e427f13e4bb5fa49e5" aria-controls="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" >
-    <label class="expand-label" for="R-expand-b666370f9d6898e427f13e4bb5fa49e5" >
+    <input type="checkbox" id="R-expand-5a6d5fbb08ae528242b6841f68774709" aria-controls="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" >
+    <label class="expand-label" for="R-expand-5a6d5fbb08ae528242b6841f68774709" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-b666370f9d6898e427f13e4bb5fa49e5" class="expand-content">
+    <div id="R-expandcontent-5a6d5fbb08ae528242b6841f68774709" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1550,13 +1550,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="47e9a693f0493c8e21ef9776ff16a57d">
+<div class="tab-panel" data-tab-group="054c8fbc3cc11233c4f86e7db16f1c03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47e9a693f0493c8e21ef9776ff16a57d','python')"
+      onclick="switchTab('054c8fbc3cc11233c4f86e7db16f1c03','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1761,13 +1761,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="d81e84f79100c0bdf23f17c17ee8c32d">
+<div class="tab-panel" data-tab-group="45912b59ce8bcd6e17df95963828d6fc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d81e84f79100c0bdf23f17c17ee8c32d','python')"
+      onclick="switchTab('45912b59ce8bcd6e17df95963828d6fc','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3272,7 +3272,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-476a881092ba5dc790829c05e6d2d66e"
+    id="R-openapi-f888fccac615c5229a34463f3be670a6"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3370,13 +3370,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e99b11c8214dc9e40ea79e0891750fe7">
+<div class="tab-panel" data-tab-group="b27f887b09488914805ad7d5895f9a51">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e99b11c8214dc9e40ea79e0891750fe7','configtoml')"
+      onclick="switchTab('b27f887b09488914805ad7d5895f9a51','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -3410,13 +3410,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="cddc52e321f853c3d4c092786117021e">
+<div class="tab-panel" data-tab-group="5edbd54358695605da85cab77dce44d7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cddc52e321f853c3d4c092786117021e','c')"
+      onclick="switchTab('5edbd54358695605da85cab77dce44d7','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3521,13 +3521,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1ed3b89296a621a64f77f174e34e9f77">
+<div class="tab-panel" data-tab-group="f55195abae6c3b8dc10e82cb14fd30db">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1ed3b89296a621a64f77f174e34e9f77','code')"
+      onclick="switchTab('f55195abae6c3b8dc10e82cb14fd30db','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3549,13 +3549,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0ae2ea788377f6e5662e42db78d58aa2">
+<div class="tab-panel" data-tab-group="91bec66778dfc704dda46d4a7b806cd0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0ae2ea788377f6e5662e42db78d58aa2','mixed')"
+      onclick="switchTab('91bec66778dfc704dda46d4a7b806cd0','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3600,41 +3600,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="77e397282860ed6dc8d84fac18b17014">
+<div class="tab-panel" data-tab-group="80ecc5b1871cd1f73a324b25ec598830">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-colored-style')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','default-style-and-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -3703,27 +3703,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="f717a79b81eb23466c0180bfc098a659">
+<div class="tab-panel" data-tab-group="b4074eb8d40d048b642f49a3da50447e">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','py')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','sh')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','c')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3871,27 +3871,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="fc5644f28f18ef26caac5d27c9055b89">
+<div class="tab-panel" data-tab-group="a1b7e9e64a8567072c317e62409c05c1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-1')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-2')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-b')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4248,8 +4248,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362812" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4278,27 +4278,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696362812"></script>
-    <script src="../../js/d3/d3-color.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696362812" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696362812" defer></script>
-    <script src="../../js/js-yaml.min.js?1696362812" defer></script>
-    <script src="../../js/mermaid.min.js?1696362812" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696366259"></script>
+    <script src="../../js/d3/d3-color.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696366259" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696366259" defer></script>
+    <script src="../../js/js-yaml.min.js?1696366259" defer></script>
+    <script src="../../js/mermaid.min.js?1696366259" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696362812" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696362812" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696366259" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696366259" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362812", assetsBuster:  1696362812  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366259", assetsBuster:  1696366259  };
     </script>
-    <script src="../../js/theme.js?1696362812" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 5c7e31fbf0..65ed5d44b3 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -396,12 +396,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -558,13 +558,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -593,7 +593,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696362810"></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696366257"></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 81eab7ac40..ad2b33f87a 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -253,8 +253,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -283,7 +283,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696362812"></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696366259"></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 964021f8f8..ff52b4e2a8 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -862,12 +862,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1024,27 +1024,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696362810" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696362810" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696362810" defer></script>
-    <script src="../../../js/mermaid.min.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696366257" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696366257" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696366257" defer></script>
+    <script src="../../../js/mermaid.min.js?1696366257" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 8b5f8e9377..beb1af025b 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -708,22 +708,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696362812" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696362812" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696362812" defer></script>
-    <script src="../../../js/mermaid.min.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696366259" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696366259" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696366259" defer></script>
+    <script src="../../../js/mermaid.min.js?1696366259" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 3863ae31e1..57af995f29 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -560,12 +560,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -722,13 +722,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 144ba61b2a..cc600ca6d0 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -422,8 +422,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 57efa4b794..caec3fe684 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,7 +218,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-476a881092ba5dc790829c05e6d2d66e"
+    id="R-openapi-f888fccac615c5229a34463f3be670a6"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -312,12 +312,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366258" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366258" defer></script>
+        <script src="../../../js/search.js?1696366258" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -474,19 +474,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696362811" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696362811" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696366259" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696366259" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362811", assetsBuster:  1696362811  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366259", assetsBuster:  1696366259  };
     </script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index 7d9bd68785..2e78b0ae23 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -165,7 +165,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-476a881092ba5dc790829c05e6d2d66e"
+    id="R-openapi-f888fccac615c5229a34463f3be670a6"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -178,14 +178,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696362812" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696362812" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696366259" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696366259" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362812", assetsBuster:  1696362812  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366259", assetsBuster:  1696366259  };
     </script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index b176a337af..3a8b4b10fb 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -219,13 +219,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e99b11c8214dc9e40ea79e0891750fe7">
+<div class="tab-panel" data-tab-group="b27f887b09488914805ad7d5895f9a51">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e99b11c8214dc9e40ea79e0891750fe7','configtoml')"
+      onclick="switchTab('b27f887b09488914805ad7d5895f9a51','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -333,12 +333,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -495,13 +495,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 24f12f3f55..4e5ad2c88c 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -165,13 +165,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e99b11c8214dc9e40ea79e0891750fe7">
+<div class="tab-panel" data-tab-group="b27f887b09488914805ad7d5895f9a51">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e99b11c8214dc9e40ea79e0891750fe7','configtoml')"
+      onclick="switchTab('b27f887b09488914805ad7d5895f9a51','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -198,8 +198,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 0d49c7792a..a83ef51022 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,13 +142,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="cddc52e321f853c3d4c092786117021e">
+<div class="tab-panel" data-tab-group="5edbd54358695605da85cab77dce44d7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cddc52e321f853c3d4c092786117021e','c')"
+      onclick="switchTab('5edbd54358695605da85cab77dce44d7','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -253,13 +253,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1ed3b89296a621a64f77f174e34e9f77">
+<div class="tab-panel" data-tab-group="f55195abae6c3b8dc10e82cb14fd30db">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1ed3b89296a621a64f77f174e34e9f77','code')"
+      onclick="switchTab('f55195abae6c3b8dc10e82cb14fd30db','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -281,13 +281,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0ae2ea788377f6e5662e42db78d58aa2">
+<div class="tab-panel" data-tab-group="91bec66778dfc704dda46d4a7b806cd0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0ae2ea788377f6e5662e42db78d58aa2','mixed')"
+      onclick="switchTab('91bec66778dfc704dda46d4a7b806cd0','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -332,41 +332,41 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="77e397282860ed6dc8d84fac18b17014">
+<div class="tab-panel" data-tab-group="80ecc5b1871cd1f73a324b25ec598830">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-colored-style')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','default-style-and-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -509,12 +509,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -671,13 +671,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 3b424db333..fc20d1ff57 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,13 +87,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="cddc52e321f853c3d4c092786117021e">
+<div class="tab-panel" data-tab-group="5edbd54358695605da85cab77dce44d7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cddc52e321f853c3d4c092786117021e','c')"
+      onclick="switchTab('5edbd54358695605da85cab77dce44d7','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -198,13 +198,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1ed3b89296a621a64f77f174e34e9f77">
+<div class="tab-panel" data-tab-group="f55195abae6c3b8dc10e82cb14fd30db">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1ed3b89296a621a64f77f174e34e9f77','code')"
+      onclick="switchTab('f55195abae6c3b8dc10e82cb14fd30db','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -226,13 +226,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0ae2ea788377f6e5662e42db78d58aa2">
+<div class="tab-panel" data-tab-group="91bec66778dfc704dda46d4a7b806cd0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0ae2ea788377f6e5662e42db78d58aa2','mixed')"
+      onclick="switchTab('91bec66778dfc704dda46d4a7b806cd0','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -277,41 +277,41 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="77e397282860ed6dc8d84fac18b17014">
+<div class="tab-panel" data-tab-group="80ecc5b1871cd1f73a324b25ec598830">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-colored-style')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','default-style-and-color')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('77e397282860ed6dc8d84fac18b17014','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('80ecc5b1871cd1f73a324b25ec598830','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -373,8 +373,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 7983bb66e5..67b6c222a4 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,27 +141,27 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="f717a79b81eb23466c0180bfc098a659">
+<div class="tab-panel" data-tab-group="b4074eb8d40d048b642f49a3da50447e">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','py')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','sh')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','c')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -309,27 +309,27 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="fc5644f28f18ef26caac5d27c9055b89">
+<div class="tab-panel" data-tab-group="a1b7e9e64a8567072c317e62409c05c1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-1')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-2')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-b')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -766,12 +766,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362810" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362810" defer></script>
-        <script src="../../../js/search.js?1696362810" defer></script>
+        <script src="../../../js/auto-complete.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366257" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366257" defer></script>
+        <script src="../../../js/search.js?1696366257" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -928,13 +928,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362810"></script>
+          <script async src="../../../js/github-buttons.js?1696366257"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362810" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362810" defer></script>
-    <script src="../../../js/theme.js?1696362810" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366257" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366257" defer></script>
+    <script src="../../../js/theme.js?1696366257" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 018f4c3004..bfec7efe06 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../../js/url.js?1696362812"></script>
-    <script src="../../../js/variant.js?1696362812"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../../js/url.js?1696366259"></script>
+    <script src="../../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,27 +87,27 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="f717a79b81eb23466c0180bfc098a659">
+<div class="tab-panel" data-tab-group="b4074eb8d40d048b642f49a3da50447e">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','py')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','sh')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f717a79b81eb23466c0180bfc098a659','c')"
+      onclick="switchTab('b4074eb8d40d048b642f49a3da50447e','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -255,27 +255,27 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="fc5644f28f18ef26caac5d27c9055b89">
+<div class="tab-panel" data-tab-group="a1b7e9e64a8567072c317e62409c05c1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-1')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-a-tab-view-2')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc5644f28f18ef26caac5d27c9055b89','group-b')"
+      onclick="switchTab('a1b7e9e64a8567072c317e62409c05c1','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -631,8 +631,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 24845aef07..1e76bdd119 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -129,14 +129,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-ad7ec0075a94a92349decd9dfb1f33a1" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ad7ec0075a94a92349decd9dfb1f33a1"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e9cedada3c60102d24ed1f6ed1b41022" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9cedada3c60102d24ed1f6ed1b41022"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-ba8405ef9b0f7a6d5048a4c60970b8ec" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ba8405ef9b0f7a6d5048a4c60970b8ec"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ff5b4b67154ec6fff2225409d60dba0d" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff5b4b67154ec6fff2225409d60dba0d"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-bc2f1da1e5154eb1e0d827e4b3a3bf40" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc2f1da1e5154eb1e0d827e4b3a3bf40"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-69facb21182ef7c6d48bfa8c07ccbfd3" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-69facb21182ef7c6d48bfa8c07ccbfd3"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../js/search.js?1696362811" defer></script>
+        <script src="../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../js/theme.js?1696362811" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index bd6f48ee1c..ed234b8f00 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362812" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362812" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362812" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362812" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362812" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362812" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362812" rel="stylesheet">
-    <link href="../../css/print.css?1696362812" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362812" rel="stylesheet">
-    <link href="../../css/ie.css?1696362812" rel="stylesheet">
-    <script src="../../js/url.js?1696362812"></script>
-    <script src="../../js/variant.js?1696362812"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366259" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366259" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366259" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366259" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366259" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366259" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366259" rel="stylesheet">
+    <link href="../../css/print.css?1696366259" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366259" rel="stylesheet">
+    <link href="../../css/ie.css?1696366259" rel="stylesheet">
+    <script src="../../js/url.js?1696366259"></script>
+    <script src="../../js/variant.js?1696366259"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,14 +83,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-ad7ec0075a94a92349decd9dfb1f33a1" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ad7ec0075a94a92349decd9dfb1f33a1"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e9cedada3c60102d24ed1f6ed1b41022" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9cedada3c60102d24ed1f6ed1b41022"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-ba8405ef9b0f7a6d5048a4c60970b8ec" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ba8405ef9b0f7a6d5048a4c60970b8ec"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ff5b4b67154ec6fff2225409d60dba0d" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff5b4b67154ec6fff2225409d60dba0d"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-bc2f1da1e5154eb1e0d827e4b3a3bf40" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc2f1da1e5154eb1e0d827e4b3a3bf40"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-69facb21182ef7c6d48bfa8c07ccbfd3" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-69facb21182ef7c6d48bfa8c07ccbfd3"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../js/theme.js?1696362812" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 3e8b7a92ad..dea00895dc 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index e28812ce19..7cf13e663e 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../../js/search.js?1696362811" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../../js/theme.js?1696362811" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 34377523e5..4877f44ed4 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../../../js/search.js?1696362812" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index fb98ab7846..8fa8e04f7d 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../../../js/search.js?1696362812" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/headless/index.html b/pir/tags/headless/index.html
index c5c48e0c72..b0672e7d3c 100644
--- a/pir/tags/headless/index.html
+++ b/pir/tags/headless/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../../../js/search.js?1696362812" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -361,13 +361,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index ad9c385380..ae7d6f77c4 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../../../js/search.js?1696362812" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index e6f8db7c20..4c5c6e96d9 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Taks :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../js/url.js?1696362809"></script>
-    <script src="../../js/variant.js?1696362809"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362811" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362811" defer></script>
-        <script src="../../js/search.js?1696362811" defer></script>
+        <script src="../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362811"></script>
+          <script async src="../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362811" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362811" defer></script>
-    <script src="../../js/theme.js?1696362811" defer></script>
+    <script src="../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 4e8dc4bfbd..07770774f6 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../../../js/search.js?1696362812" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -369,13 +369,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index b80301e638..fe8b36dbb1 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696362809" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366256" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362809" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362809" rel="stylesheet">
-    <link href="../../../css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362809" rel="stylesheet">
-    <script src="../../../js/url.js?1696362809"></script>
-    <script src="../../../js/variant.js?1696362809"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362812" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362812" defer></script>
-        <script src="../../../js/search.js?1696362812" defer></script>
+        <script src="../../../js/auto-complete.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366259" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366259" defer></script>
+        <script src="../../../js/search.js?1696366259" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362812"></script>
+          <script async src="../../../js/github-buttons.js?1696366259"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362812" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362812" defer></script>
-    <script src="../../../js/theme.js?1696362812" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366259" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366259" defer></script>
+    <script src="../../../js/theme.js?1696366259" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 93e7d6f3d9..410542cc70 100644
--- a/search.html
+++ b/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="canonical" type="text/html" title="Search :: Hugo Relearn Theme">
-    <link href="./images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696362809" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696362809" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696362809" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696362809" rel="stylesheet">
-    <link href="./css/fonts.css?1696362809" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696362809" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696362809" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696362809" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696362809" rel="stylesheet">
-    <link href="./css/print.css?1696362809" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1696362809" rel="stylesheet">
-    <script src="./js/url.js?1696362809"></script>
-    <script src="./js/variant.js?1696362809"></script>
+    <link href="./css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="./css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696366256" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696366256" rel="stylesheet">
+    <link href="./css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696366256" rel="stylesheet">
+    <script src="./js/url.js?1696366256"></script>
+    <script src="./js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1696362809" defer></script>
-        <script src="./js/lunr/lunr.min.js?1696362809" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1696362809" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1696362809" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1696362809" defer></script>
-        <script src="./js/search.js?1696362809" defer></script>
+        <script src="./js/auto-complete.js?1696366256" defer></script>
+        <script src="./js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="./js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -356,13 +356,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1696362809"></script>
+          <script async src="./js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1696362809" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="./js/theme.js?1696362809" defer></script>
+    <script src="./js/clipboard.min.js?1696366256" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="./js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 7004b94182..72670d3772 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -474,12 +474,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -636,13 +636,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 0ad34d97a9..6f23567862 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -331,8 +331,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 0889f125b0..c3407ddf19 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -413,12 +413,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -575,13 +575,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index d46db86248..a636248204 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -277,8 +277,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index b990a3f793..8c5dfa52c4 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -553,12 +553,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -715,13 +715,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 2fb2a19969..e07ca24a19 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -416,8 +416,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
index bdb15aaeb4..36146d076b 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,7 +123,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -222,12 +222,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +388,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
index a6725b3238..e415732617 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,7 +84,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -102,8 +102,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
index f1ab3e9b4d..c9c1318b00 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -127,7 +127,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -232,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
index 8c4caaa7ac..c2baf59e88 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/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.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,7 +83,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -108,7 +108,7 @@
             <h1 class="a11y-only">Subsections of page 1-1-1-1-1 (hidden)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -127,8 +127,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index d46e05598d..148b6129f2 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,7 +126,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
index 5c13c202a0..316d651438 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,7 +82,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../tags/hidden/index.html">hidden</a></li>
@@ -109,8 +109,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
index c9d323c00f..df93136921 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
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,7 +125,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../tags/hidden/index.html">hidden</a></li>
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +394,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
index a6172e0373..70faca653b 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../tags/hidden/index.html">hidden</a></li>
@@ -106,7 +106,7 @@
             <h1 class="a11y-only">Subsections of page 1-1-1 (hidden)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../tags/hidden/index.html">hidden</a></li>
@@ -134,8 +134,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index 7ebc3ba331..fd46792878 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
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,7 +122,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
index dfab59c49b..3fa9d1dbcf 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,7 +83,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
index 163b403f5a..07268d3198 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
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,7 +122,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
index 8962b3168a..bec39d4f9c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,7 +83,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index f7143da576..2f2ce0c889 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
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362807"></script>
-    <script src="../../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366255"></script>
+    <script src="../../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,7 +121,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
index 308898ef7f..5a80ae21bd 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696362808"></script>
-    <script src="../../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696366256"></script>
+    <script src="../../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,7 +82,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/index.html b/shortcodes/children/children-1/children-1-1/index.html
index d5a8bf65bb..616ddad01f 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362807"></script>
-    <script src="../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366255"></script>
+    <script src="../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,7 +125,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -232,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +394,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/index.print.html
index c620c4a182..42eecaa872 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362808"></script>
-    <script src="../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -108,7 +108,7 @@
             <h1 class="a11y-only">Subsections of page 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/headless/index.html">headless</a></li>
@@ -127,7 +127,7 @@
             <h1 class="a11y-only">Subsections of page 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -144,7 +144,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -162,7 +162,7 @@
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -181,8 +181,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index bca237ea0b..d42bb20ebf 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../js/url.js?1696362807"></script>
-    <script src="../../../js/variant.js?1696362807"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../js/url.js?1696366255"></script>
+    <script src="../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,7 +124,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -229,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../js/search.js?1696362808" defer></script>
+        <script src="../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -391,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 476d4b4f2a..c380b77d87 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../js/url.js?1696362808"></script>
-    <script src="../../../js/variant.js?1696362808"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,7 +80,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -105,7 +105,7 @@
             <h1 class="a11y-only">Subsections of page 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -132,7 +132,7 @@
             <h1 class="a11y-only">Subsections of page 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/headless/index.html">headless</a></li>
@@ -151,7 +151,7 @@
             <h1 class="a11y-only">Subsections of page 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -168,7 +168,7 @@
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -186,7 +186,7 @@
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -206,8 +206,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 41f7ecdc05..60972a0e40 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../js/url.js?1696362807"></script>
-    <script src="../../../js/variant.js?1696362807"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../js/url.js?1696366255"></script>
+    <script src="../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,7 +119,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -219,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../js/search.js?1696362808" defer></script>
+        <script src="../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index ce6f53c1ee..a9628a4069 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../js/url.js?1696362808"></script>
-    <script src="../../../js/variant.js?1696362808"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,7 +80,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 08bb3c4907..b821d88361 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../js/url.js?1696362807"></script>
-    <script src="../../../js/variant.js?1696362807"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../js/url.js?1696366255"></script>
+    <script src="../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,7 +124,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -229,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../js/search.js?1696362808" defer></script>
+        <script src="../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -391,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index ba82c71924..c80ef3dae3 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../js/url.js?1696362808"></script>
-    <script src="../../../js/variant.js?1696362808"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,7 +80,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -105,7 +105,7 @@
             <h1 class="a11y-only">Subsections of page 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -124,8 +124,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index ae39bfcfe4..9bbc359606 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362807"></script>
-    <script src="../../../../js/variant.js?1696362807"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366255"></script>
+    <script src="../../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,7 +120,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -219,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../../js/search.js?1696362808" defer></script>
+        <script src="../../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.print.html b/shortcodes/children/children-3/test3/index.print.html
index 4157a8d0cf..b99817f395 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../../js/url.js?1696362808"></script>
-    <script src="../../../../js/variant.js?1696362808"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../../js/url.js?1696366256"></script>
+    <script src="../../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 5f300f71e9..9bd2652e5e 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../js/url.js?1696362807"></script>
-    <script src="../../../js/variant.js?1696362807"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../js/url.js?1696366255"></script>
+    <script src="../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,7 +118,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/hidden/index.html">hidden</a></li>
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../js/search.js?1696362808" defer></script>
+        <script src="../../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 8efbd5de58..bd803440b7 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../js/url.js?1696362808"></script>
-    <script src="../../../js/variant.js?1696362808"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,7 +79,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../../tags/hidden/index.html">hidden</a></li>
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 5144febdfc..80e683da3d 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -416,12 +416,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -578,13 +578,13 @@ So its content is used as description.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 3e1043c2b6..bf4df5db6f 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -279,7 +279,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of Children</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
   </ul>
@@ -295,7 +295,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -320,7 +320,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -347,7 +347,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/headless/index.html">headless</a></li>
@@ -366,7 +366,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -383,7 +383,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -401,7 +401,7 @@ So its content is used as description.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -420,7 +420,7 @@ So its content is used as description.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -438,7 +438,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -463,7 +463,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../../tags/non-hidden/index.html">non-hidden</a></li>
@@ -483,8 +483,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 39b8d0ae78..a652b4a5aa 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../../js/url.js?1696362807"></script>
-    <script src="../../../js/variant.js?1696362807"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../../js/url.js?1696366255"></script>
+    <script src="../../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,7 +120,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
   </ul>
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../../js/search.js?1696362808" defer></script>
+        <script src="../../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../../js/theme.js?1696362808" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 1982408024..95b3e79743 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../../js/url.js?1696362808"></script>
-    <script src="../../../js/variant.js?1696362808"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../../js/url.js?1696366256"></script>
+    <script src="../../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,7 +81,7 @@
         <div class="flex-block-wrapper">
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../../../tags/children/index.html">Children</a></li>
   </ul>
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../../js/theme.js?1696362809" defer></script>
+    <script src="../../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index a3f4500d46..d45767e299 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,13 +140,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-56e89295aa3d14627c491e8c7faf127c" aria-controls="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" >
-    <label class="expand-label" for="R-expand-56e89295aa3d14627c491e8c7faf127c" >
+    <input type="checkbox" id="R-expand-cac0f14866a922805a1a20e92d487379" aria-controls="R-expandcontent-cac0f14866a922805a1a20e92d487379" >
+    <label class="expand-label" for="R-expand-cac0f14866a922805a1a20e92d487379" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" class="expand-content">
+    <div id="R-expandcontent-cac0f14866a922805a1a20e92d487379" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -264,26 +264,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3eb7c45967cd29409313df326f2ab805" aria-controls="R-expandcontent-3eb7c45967cd29409313df326f2ab805" >
-    <label class="expand-label" for="R-expand-3eb7c45967cd29409313df326f2ab805" >
+    <input type="checkbox" id="R-expand-201fc2a3250fd72d675187d0ea67ca96" aria-controls="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" >
+    <label class="expand-label" for="R-expand-201fc2a3250fd72d675187d0ea67ca96" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3eb7c45967cd29409313df326f2ab805" class="expand-content">
+    <div id="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-311c6f77f00418ae7dff2937e8c0d74e" aria-controls="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e"  checked>
-    <label class="expand-label" for="R-expand-311c6f77f00418ae7dff2937e8c0d74e" >
+    <input type="checkbox" id="R-expand-e310d85c7d15881bfd23f59bd7743e1c" aria-controls="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c"  checked>
+    <label class="expand-label" for="R-expand-e310d85c7d15881bfd23f59bd7743e1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e" class="expand-content">
+    <div id="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -304,13 +304,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" aria-controls="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
-    <label class="expand-label" for="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
+    <input type="checkbox" id="R-expand-3d3bf6085113755fdfb3852a5306b7a6" aria-controls="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" >
+    <label class="expand-label" for="R-expand-3d3bf6085113755fdfb3852a5306b7a6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" class="expand-content">
+    <div id="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -414,12 +414,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -576,13 +576,13 @@ No need to press you!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 57e14adb0d..87309038ae 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,13 +85,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-56e89295aa3d14627c491e8c7faf127c" aria-controls="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" >
-    <label class="expand-label" for="R-expand-56e89295aa3d14627c491e8c7faf127c" >
+    <input type="checkbox" id="R-expand-cac0f14866a922805a1a20e92d487379" aria-controls="R-expandcontent-cac0f14866a922805a1a20e92d487379" >
+    <label class="expand-label" for="R-expand-cac0f14866a922805a1a20e92d487379" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" class="expand-content">
+    <div id="R-expandcontent-cac0f14866a922805a1a20e92d487379" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -209,26 +209,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3eb7c45967cd29409313df326f2ab805" aria-controls="R-expandcontent-3eb7c45967cd29409313df326f2ab805" >
-    <label class="expand-label" for="R-expand-3eb7c45967cd29409313df326f2ab805" >
+    <input type="checkbox" id="R-expand-201fc2a3250fd72d675187d0ea67ca96" aria-controls="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" >
+    <label class="expand-label" for="R-expand-201fc2a3250fd72d675187d0ea67ca96" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3eb7c45967cd29409313df326f2ab805" class="expand-content">
+    <div id="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-311c6f77f00418ae7dff2937e8c0d74e" aria-controls="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e"  checked>
-    <label class="expand-label" for="R-expand-311c6f77f00418ae7dff2937e8c0d74e" >
+    <input type="checkbox" id="R-expand-e310d85c7d15881bfd23f59bd7743e1c" aria-controls="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c"  checked>
+    <label class="expand-label" for="R-expand-e310d85c7d15881bfd23f59bd7743e1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e" class="expand-content">
+    <div id="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -249,13 +249,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" aria-controls="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
-    <label class="expand-label" for="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
+    <input type="checkbox" id="R-expand-3d3bf6085113755fdfb3852a5306b7a6" aria-controls="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" >
+    <label class="expand-label" for="R-expand-3d3bf6085113755fdfb3852a5306b7a6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" class="expand-content">
+    <div id="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -278,8 +278,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 46211b9271..1a6314186f 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -147,13 +147,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3ea5e419f9b2c2c446863a66f7def2c4">
+<div class="tab-panel" data-tab-group="8512d6b6b9c2a606b11497e42ec3484c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3ea5e419f9b2c2c446863a66f7def2c4','python')"
+      onclick="switchTab('8512d6b6b9c2a606b11497e42ec3484c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -358,13 +358,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="fa61febf3ea11594ce18e050e243def8">
+<div class="tab-panel" data-tab-group="80b03a80590250d892e236ba3a43a7e6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fa61febf3ea11594ce18e050e243def8','python')"
+      onclick="switchTab('80b03a80590250d892e236ba3a43a7e6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -484,12 +484,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -646,13 +646,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index d26d72ac48..95887f8444 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,13 +85,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3ea5e419f9b2c2c446863a66f7def2c4">
+<div class="tab-panel" data-tab-group="8512d6b6b9c2a606b11497e42ec3484c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3ea5e419f9b2c2c446863a66f7def2c4','python')"
+      onclick="switchTab('8512d6b6b9c2a606b11497e42ec3484c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -296,13 +296,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="fa61febf3ea11594ce18e050e243def8">
+<div class="tab-panel" data-tab-group="80b03a80590250d892e236ba3a43a7e6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fa61febf3ea11594ce18e050e243def8','python')"
+      onclick="switchTab('80b03a80590250d892e236ba3a43a7e6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -341,8 +341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 14b2b45366..bb2eeacbe3 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -337,12 +337,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -499,13 +499,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 100e85a50b..c084e96f7e 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,8 +200,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index ad22c59725..8cae740bab 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -327,12 +327,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -489,13 +489,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362807"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362807" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362807" defer></script>
-    <script src="../../js/theme.js?1696362807" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 166c002c24..579a85252e 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -193,8 +193,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index b5cfa8e70f..c59845f877 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362807" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362807" defer></script>
-        <script src="../../js/search.js?1696362807" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -386,13 +386,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 76256157d4..c4f4a01a82 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,8 +75,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index e85c5321be..6c5a24e0c1 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.print.html" rel="alternate" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 293b1741cf..70919e5fae 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="canonical" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../js/url.js?1696362808"></script>
-    <script src="../js/variant.js?1696362808"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1098,7 +1098,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of Children</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
   </ul>
@@ -1114,7 +1114,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1139,7 +1139,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1166,7 +1166,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1-1</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/headless/index.html">headless</a></li>
@@ -1185,7 +1185,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 1-1-2 (headless)</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1202,7 +1202,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1220,7 +1220,7 @@ So its content is used as description.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1239,7 +1239,7 @@ So its content is used as description.</p>
           </section>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1257,7 +1257,7 @@ So its content is used as description.</p>
 
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1282,7 +1282,7 @@ So its content is used as description.</p>
             <h1 class="a11y-only">Subsections of page 3</h1>
           <article class="default">
             <header class="headline">
-<div class=" taxonomy-tags term-list tags" title="Tags">
+<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
   <ul>
     <li><a class="term-link" href="../tags/children/index.html">Children</a></li>
     <li><a class="term-link" href="../tags/non-hidden/index.html">non-hidden</a></li>
@@ -1307,13 +1307,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-56e89295aa3d14627c491e8c7faf127c" aria-controls="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" >
-    <label class="expand-label" for="R-expand-56e89295aa3d14627c491e8c7faf127c" >
+    <input type="checkbox" id="R-expand-cac0f14866a922805a1a20e92d487379" aria-controls="R-expandcontent-cac0f14866a922805a1a20e92d487379" >
+    <label class="expand-label" for="R-expand-cac0f14866a922805a1a20e92d487379" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-56e89295aa3d14627c491e8c7faf127c" class="expand-content">
+    <div id="R-expandcontent-cac0f14866a922805a1a20e92d487379" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -1431,26 +1431,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3eb7c45967cd29409313df326f2ab805" aria-controls="R-expandcontent-3eb7c45967cd29409313df326f2ab805" >
-    <label class="expand-label" for="R-expand-3eb7c45967cd29409313df326f2ab805" >
+    <input type="checkbox" id="R-expand-201fc2a3250fd72d675187d0ea67ca96" aria-controls="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" >
+    <label class="expand-label" for="R-expand-201fc2a3250fd72d675187d0ea67ca96" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3eb7c45967cd29409313df326f2ab805" class="expand-content">
+    <div id="R-expandcontent-201fc2a3250fd72d675187d0ea67ca96" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-311c6f77f00418ae7dff2937e8c0d74e" aria-controls="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e"  checked>
-    <label class="expand-label" for="R-expand-311c6f77f00418ae7dff2937e8c0d74e" >
+    <input type="checkbox" id="R-expand-e310d85c7d15881bfd23f59bd7743e1c" aria-controls="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c"  checked>
+    <label class="expand-label" for="R-expand-e310d85c7d15881bfd23f59bd7743e1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-311c6f77f00418ae7dff2937e8c0d74e" class="expand-content">
+    <div id="R-expandcontent-e310d85c7d15881bfd23f59bd7743e1c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1471,13 +1471,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" aria-controls="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
-    <label class="expand-label" for="R-expand-856b9a4f1ad3b7f94e0d9635ed5e77b9" >
+    <input type="checkbox" id="R-expand-3d3bf6085113755fdfb3852a5306b7a6" aria-controls="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" >
+    <label class="expand-label" for="R-expand-3d3bf6085113755fdfb3852a5306b7a6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-856b9a4f1ad3b7f94e0d9635ed5e77b9" class="expand-content">
+    <div id="R-expandcontent-3d3bf6085113755fdfb3852a5306b7a6" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1505,13 +1505,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3ea5e419f9b2c2c446863a66f7def2c4">
+<div class="tab-panel" data-tab-group="8512d6b6b9c2a606b11497e42ec3484c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3ea5e419f9b2c2c446863a66f7def2c4','python')"
+      onclick="switchTab('8512d6b6b9c2a606b11497e42ec3484c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1716,13 +1716,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="fa61febf3ea11594ce18e050e243def8">
+<div class="tab-panel" data-tab-group="80b03a80590250d892e236ba3a43a7e6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fa61febf3ea11594ce18e050e243def8','python')"
+      onclick="switchTab('80b03a80590250d892e236ba3a43a7e6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3201,7 +3201,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-eb12a5455bf4fdd5b4d9534f4557b95f"
+    id="R-openapi-5ab6a582a148835af09f86585f5718dc"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3297,13 +3297,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3d7c65941e372399284bbce068957167">
+<div class="tab-panel" data-tab-group="4453ee255dac295f6e76469c1004de80">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3d7c65941e372399284bbce068957167','configtoml')"
+      onclick="switchTab('4453ee255dac295f6e76469c1004de80','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -3335,13 +3335,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="aafeaff4da8a791ac9cc17dac009ecb6">
+<div class="tab-panel" data-tab-group="a23c051b28847a40c31752f81f6c29d9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aafeaff4da8a791ac9cc17dac009ecb6','c')"
+      onclick="switchTab('a23c051b28847a40c31752f81f6c29d9','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3446,13 +3446,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="41327aeb99a6a6f1b2d548e6041771fa">
+<div class="tab-panel" data-tab-group="d4024711242dee45879a621aabeed9df">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('41327aeb99a6a6f1b2d548e6041771fa','code')"
+      onclick="switchTab('d4024711242dee45879a621aabeed9df','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3474,13 +3474,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="64fd2d70ce87acfcd398c64cd82e76b8">
+<div class="tab-panel" data-tab-group="c32128fe34e16f9d01475458d1bebfed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('64fd2d70ce87acfcd398c64cd82e76b8','mixed')"
+      onclick="switchTab('c32128fe34e16f9d01475458d1bebfed','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3525,41 +3525,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="592da2e2211f98a5b3c5cc494087d4d8">
+<div class="tab-panel" data-tab-group="5d33b0dfc469aabfce0f39eb342ac650">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-colored-style')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','default-style-and-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -3626,27 +3626,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="195c34c3e337a41ae733c75d1a38ec10">
+<div class="tab-panel" data-tab-group="faab840d9c45c471b53382114faca751">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','py')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','sh')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','c')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3794,27 +3794,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="bfe17cf04753d4b3ef49ea73a4ffec1b">
+<div class="tab-panel" data-tab-group="d2faef046b508210050883c9678da537">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-1')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-2')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-b')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4170,8 +4170,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362809" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4200,27 +4200,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696362809"></script>
-    <script src="../js/d3/d3-color.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1696362809" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1696362809" defer></script>
-    <script src="../js/js-yaml.min.js?1696362809" defer></script>
-    <script src="../js/mermaid.min.js?1696362809" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696366256"></script>
+    <script src="../js/d3/d3-color.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696366256" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696366256" defer></script>
+    <script src="../js/js-yaml.min.js?1696366256" defer></script>
+    <script src="../js/mermaid.min.js?1696366256" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696362809" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696362809" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696366256" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696366256" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362809", assetsBuster:  1696362809  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366256", assetsBuster:  1696366256  };
     </script>
-    <script src="../js/theme.js?1696362809" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 80775f2af0..aca05b6e65 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -387,12 +387,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -549,13 +549,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -584,7 +584,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696362808"></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696366255"></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 655b9e38c6..28622cd3eb 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -244,8 +244,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -274,7 +274,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696362809"></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696366256"></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 4b0515b193..73a9781b7c 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -853,12 +853,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1015,27 +1015,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696362808" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696362808" defer></script>
-    <script src="../../js/js-yaml.min.js?1696362808" defer></script>
-    <script src="../../js/mermaid.min.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696366255" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696366255" defer></script>
+    <script src="../../js/js-yaml.min.js?1696366255" defer></script>
+    <script src="../../js/mermaid.min.js?1696366255" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 4466fc227e..fe0320390e 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -699,22 +699,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696362809" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696362809" defer></script>
-    <script src="../../js/js-yaml.min.js?1696362809" defer></script>
-    <script src="../../js/mermaid.min.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696366256" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696366256" defer></script>
+    <script src="../../js/js-yaml.min.js?1696366256" defer></script>
+    <script src="../../js/mermaid.min.js?1696366256" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index b9739b1ed6..99cbf0d20b 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -558,12 +558,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -720,13 +720,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 06c2e34fb7..e22774d26e 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -420,8 +420,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index abfd6f6332..bc14e8c7b9 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,7 +217,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-eb12a5455bf4fdd5b4d9534f4557b95f"
+    id="R-openapi-5ab6a582a148835af09f86585f5718dc"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -310,12 +310,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -472,19 +472,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696362808" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696362808" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696366256" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696366256" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362808", assetsBuster:  1696362808  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366256", assetsBuster:  1696366256  };
     </script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index f168219536..f5183006b0 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,7 +164,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-eb12a5455bf4fdd5b4d9534f4557b95f"
+    id="R-openapi-5ab6a582a148835af09f86585f5718dc"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -176,14 +176,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696362809" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696362809" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696366256" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696366256" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696362809", assetsBuster:  1696362809  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696366256", assetsBuster:  1696366256  };
     </script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 1624d23f8c..2375373926 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,13 +218,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3d7c65941e372399284bbce068957167">
+<div class="tab-panel" data-tab-group="4453ee255dac295f6e76469c1004de80">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3d7c65941e372399284bbce068957167','configtoml')"
+      onclick="switchTab('4453ee255dac295f6e76469c1004de80','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -331,12 +331,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -493,13 +493,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 13270d8fa0..16e60647ee 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,13 +164,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3d7c65941e372399284bbce068957167">
+<div class="tab-panel" data-tab-group="4453ee255dac295f6e76469c1004de80">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3d7c65941e372399284bbce068957167','configtoml')"
+      onclick="switchTab('4453ee255dac295f6e76469c1004de80','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -196,8 +196,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 5cc26be374..b2bbcc9c98 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,13 +141,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="aafeaff4da8a791ac9cc17dac009ecb6">
+<div class="tab-panel" data-tab-group="a23c051b28847a40c31752f81f6c29d9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aafeaff4da8a791ac9cc17dac009ecb6','c')"
+      onclick="switchTab('a23c051b28847a40c31752f81f6c29d9','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -252,13 +252,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="41327aeb99a6a6f1b2d548e6041771fa">
+<div class="tab-panel" data-tab-group="d4024711242dee45879a621aabeed9df">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('41327aeb99a6a6f1b2d548e6041771fa','code')"
+      onclick="switchTab('d4024711242dee45879a621aabeed9df','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -280,13 +280,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="64fd2d70ce87acfcd398c64cd82e76b8">
+<div class="tab-panel" data-tab-group="c32128fe34e16f9d01475458d1bebfed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('64fd2d70ce87acfcd398c64cd82e76b8','mixed')"
+      onclick="switchTab('c32128fe34e16f9d01475458d1bebfed','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -331,41 +331,41 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="592da2e2211f98a5b3c5cc494087d4d8">
+<div class="tab-panel" data-tab-group="5d33b0dfc469aabfce0f39eb342ac650">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-colored-style')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','default-style-and-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -507,12 +507,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -669,13 +669,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index c03775cc5f..9efb91674e 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,13 +86,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="aafeaff4da8a791ac9cc17dac009ecb6">
+<div class="tab-panel" data-tab-group="a23c051b28847a40c31752f81f6c29d9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aafeaff4da8a791ac9cc17dac009ecb6','c')"
+      onclick="switchTab('a23c051b28847a40c31752f81f6c29d9','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -197,13 +197,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="41327aeb99a6a6f1b2d548e6041771fa">
+<div class="tab-panel" data-tab-group="d4024711242dee45879a621aabeed9df">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('41327aeb99a6a6f1b2d548e6041771fa','code')"
+      onclick="switchTab('d4024711242dee45879a621aabeed9df','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -225,13 +225,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="64fd2d70ce87acfcd398c64cd82e76b8">
+<div class="tab-panel" data-tab-group="c32128fe34e16f9d01475458d1bebfed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('64fd2d70ce87acfcd398c64cd82e76b8','mixed')"
+      onclick="switchTab('c32128fe34e16f9d01475458d1bebfed','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -276,41 +276,41 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="592da2e2211f98a5b3c5cc494087d4d8">
+<div class="tab-panel" data-tab-group="5d33b0dfc469aabfce0f39eb342ac650">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-colored-style')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','default-style-and-color')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('592da2e2211f98a5b3c5cc494087d4d8','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('5d33b0dfc469aabfce0f39eb342ac650','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -371,8 +371,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 5fc7374b57..5d65ffdab5 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,27 +140,27 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="195c34c3e337a41ae733c75d1a38ec10">
+<div class="tab-panel" data-tab-group="faab840d9c45c471b53382114faca751">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','py')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','sh')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','c')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -308,27 +308,27 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="bfe17cf04753d4b3ef49ea73a4ffec1b">
+<div class="tab-panel" data-tab-group="d2faef046b508210050883c9678da537">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-1')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-2')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-b')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -764,12 +764,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366255" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366255" defer></script>
+        <script src="../../js/search.js?1696366255" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -926,13 +926,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366255"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366255" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366255" defer></script>
+    <script src="../../js/theme.js?1696366255" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index 8e8f633aa6..9dd6e5728a 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../../js/url.js?1696362808"></script>
-    <script src="../../js/variant.js?1696362808"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../../js/url.js?1696366256"></script>
+    <script src="../../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,27 +86,27 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="195c34c3e337a41ae733c75d1a38ec10">
+<div class="tab-panel" data-tab-group="faab840d9c45c471b53382114faca751">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','py')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','sh')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('195c34c3e337a41ae733c75d1a38ec10','c')"
+      onclick="switchTab('faab840d9c45c471b53382114faca751','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -254,27 +254,27 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="bfe17cf04753d4b3ef49ea73a4ffec1b">
+<div class="tab-panel" data-tab-group="d2faef046b508210050883c9678da537">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-1')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-a-tab-view-2')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bfe17cf04753d4b3ef49ea73a4ffec1b','group-b')"
+      onclick="switchTab('d2faef046b508210050883c9678da537','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -629,8 +629,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../../js/theme.js?1696362809" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 8de9228be6..5ab9846055 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -128,14 +128,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-67c0ae292372ecd0f8e4f5790251c820" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-67c0ae292372ecd0f8e4f5790251c820"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e92fa37dc3571136a0a415435fab4df8" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e92fa37dc3571136a0a415435fab4df8"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-44199d0a88cc752a303eb9d656177096" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-44199d0a88cc752a303eb9d656177096"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a051d1b30a6de91ccd89fb3a28892400" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a051d1b30a6de91ccd89fb3a28892400"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-4f5f7c9b3838f05d7bada97b1849a13e" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f5f7c9b3838f05d7bada97b1849a13e"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9aaa9c48092d21fe9fa34ae8762d949b" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9aaa9c48092d21fe9fa34ae8762d949b"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -387,13 +387,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index ef3142990a..5d2f1ff548 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362808" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362808" rel="stylesheet">
-    <link href="../css/fonts.css?1696362808" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362808" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362808" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362808" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362808" rel="stylesheet">
-    <link href="../css/print.css?1696362808" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696362808" rel="stylesheet">
-    <link href="../css/ie.css?1696362808" rel="stylesheet">
-    <script src="../js/url.js?1696362808"></script>
-    <script src="../js/variant.js?1696362808"></script>
+    <link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366256" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366256" rel="stylesheet">
+    <link href="../css/fonts.css?1696366256" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366256" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366256" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366256" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366256" rel="stylesheet">
+    <link href="../css/print.css?1696366256" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696366256" rel="stylesheet">
+    <link href="../css/ie.css?1696366256" rel="stylesheet">
+    <script src="../js/url.js?1696366256"></script>
+    <script src="../js/variant.js?1696366256"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,14 +82,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-67c0ae292372ecd0f8e4f5790251c820" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-67c0ae292372ecd0f8e4f5790251c820"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e92fa37dc3571136a0a415435fab4df8" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e92fa37dc3571136a0a415435fab4df8"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-44199d0a88cc752a303eb9d656177096" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-44199d0a88cc752a303eb9d656177096"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a051d1b30a6de91ccd89fb3a28892400" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a051d1b30a6de91ccd89fb3a28892400"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-4f5f7c9b3838f05d7bada97b1849a13e" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f5f7c9b3838f05d7bada97b1849a13e"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9aaa9c48092d21fe9fa34ae8762d949b" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9aaa9c48092d21fe9fa34ae8762d949b"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696362809" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362809" defer></script>
-    <script src="../js/theme.js?1696362809" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 649b4bc8a2..6c911cb589 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index 567877dba5..08f8a0eb67 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 57208a8e17..cd7bf7eb47 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 1940274454..184964b680 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/headless/index.html b/tags/headless/index.html
index 388ccbe0e5..544845eea3 100644
--- a/tags/headless/index.html
+++ b/tags/headless/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -361,13 +361,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index a69ef7b158..605aff31a6 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index d264b339a0..d97dec6c57 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../js/url.js?1696362807"></script>
-    <script src="../js/variant.js?1696362807"></script>
+    <link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../js/url.js?1696366255"></script>
+    <script src="../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../js/search.js?1696362808" defer></script>
+        <script src="../js/auto-complete.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696362808"></script>
+          <script async src="../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../js/theme.js?1696362808" defer></script>
+    <script src="../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index c2241c784a..aab69a5f53 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -369,13 +369,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 916ca851e9..35722c18a6 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="tutorial :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696362807" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696366255" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696362807" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696362807" rel="stylesheet">
-    <link href="../../css/fonts.css?1696362807" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696362807" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696362807" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696362807" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696362807" rel="stylesheet">
-    <link href="../../css/print.css?1696362807" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696362807" rel="stylesheet">
-    <script src="../../js/url.js?1696362807"></script>
-    <script src="../../js/variant.js?1696362807"></script>
+    <link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696366255" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696366255" rel="stylesheet">
+    <link href="../../css/fonts.css?1696366255" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696366255" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696366255" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696366255" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696366255" rel="stylesheet">
+    <link href="../../css/print.css?1696366255" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696366255" rel="stylesheet">
+    <script src="../../js/url.js?1696366255"></script>
+    <script src="../../js/variant.js?1696366255"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696362808" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696362808" defer></script>
-        <script src="../../js/search.js?1696362808" defer></script>
+        <script src="../../js/auto-complete.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696366256" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696366256" defer></script>
+        <script src="../../js/search.js?1696366256" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696362808"></script>
+          <script async src="../../js/github-buttons.js?1696366256"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696362808" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696362808" defer></script>
-    <script src="../../js/theme.js?1696362808" defer></script>
+    <script src="../../js/clipboard.min.js?1696366256" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696366256" defer></script>
+    <script src="../../js/theme.js?1696366256" defer></script>
   </body>
 </html>